Why is the correct answer has height as the feature on the media query only has width value?

It might help to draw a line to visualize the min and max limits, so:

@media only screen and (min-width: 200px) and (max-width: 600px)

Means that you have set a lower and upper limit of the width of the screen:
200 px < ----------------------------> 600px
Anything over 200px width and under 600px will meet the criteria. It doesn’t say anything about height.

So you can find the right answer by elimination.

  • Option 1: width of 620px --> too large (over 600px)
  • Option 2: width 1250px --> too large (over 600px)
  • Option 3: width of 150px --> too small (under 200px)
  • Option 4: width of 250px --> meet rule (between 200px and 600px)

They probably included height to trick you! You need to pay attention to what the rule is doing and what it affects :+1:

2 Likes