This is more of a note than a question. I wasn't sure how to answer question 2. I think media queries are a way of changing the style of a webpage depending on the device it's viewed on and other characteristics like aspect ratio. I wasn't sure if that translates into B, C, or D. I thought C fit the best, although "content" is vague so I'm not sure.

i'm confused about question wording for question 3, media queries allow you to format your content so the same content can appear in different screen sizes with just some css, right?


I noticed when resizing my browser window when viewing ottergram, there was a minimum size and I couldn't continue to make the window smaller. Is that determined in the code?

is the media query just that one/two lines of code? can we add more and be more precise?

Could you give an example of this perhaps a visual reference: “ Many mobile browsers start with the visual viewport all zoomed out, so you can see the whole page, but can't read anything without zooming in.”

more explanation about layout viewport vs. visual viewport

How many different types of media queries are recommended? Just three- one for <600px, <768px, and everything larger than that?


More about print styles

For devices like the foldable phones or reading messages on apple watch, are they using the same media queries code adjusted according to size ?

Should viewport and media queries both exist to get the code work? What are their functions respectively?

Would we have to manually type in the "breakpoint" for the media queries if we are creating different CSS for every different type of screen?

foo