All solutions

Tips appreciated! I totally could've used less JS code.

Tips appreciated!

any tips on what i could have done to make the content in each item placed the same across the board? the different sized grid items threw it off.

all tips and feedback appreciated!

p.s. wasn't sure how to make the little blue box shadow protrude from just the bottom of each box as when I blur it the blur makes the shadow visible from all sides.

all tips appreciated!

I wasn't sure how to make a <pre> responsive so the mobile design isn't centered as well with the description and such.

all tips appreciated!

any tips on making the responsive layouts? i had to delete the grid i used for the desktop layout and redesign a bunch of css for it to work for the mobile layout.

p.s. couldn't figure out the icon thing so excuse the lazy image add in.

first time using css grid. would love some feedback on best practices i could have used and some tips etc.

constructive criticism is appreciated! let me know best practices that i maybe should have used and if i did the media queries right (first time using them). also if you change the <h2> in section 1 to <h1> or the others to different <h> tags then it throws off the whole section a little in terms of sizing relative to the other sections. i dont know why this happens as i styled it with the class "headers" so isnt it supposed to override it and the <h1> shouldnt matter whatever number it is? (you can try yourself in chrome devtools to see what i mean)

Thanks!

help :/

constructive criticism plz :)

constructive criticism is appreciated.

roast me :/ but constructively. I've been learning only for about a week give or take.