Just finished my first technical documentation page.
Any feedbacks /suggestions for improvement will be appreciated!
I had copied all the write-up from the fcc sample. So its pretty much the same.
But i have done the html and css myself.
It’s just a way to regulate content based on screen size.
I used to get confused with the max width and min width part. Basically, max is greater than and min is lesser than. The best way you can improve with them is to use them! If you don’t use them, how can you know what they do?
You would want to do a max-width media query to target screens that are smaller than whatever size you put in there. It would mean that screen sizes UP TO that size will be effected by whatever styling you put inside that media query. And then put whatever styling you need to get it to look good for those sizes. (If you did mobile first then your media query would be for a min-width, but that’s not our scenario here.)