HTML How to Make a Website Responsive Web Design and Testing Adding Breakpoints for Devices

My background will change to navy blue but not dark green, what happened? I followed the steps to a "t."

My background color will change navy blue, but not dark green as my title has said, Here is my code.

@media screen and (min-width: 480px) { body { background: navy; } }

@media screen and (min-width 660px) { body { background: darkgreen; } }

Dina Hafez
Dina Hafez
10,295 Points


Looks like you don't have a colon after the 2nd min-width, otherwise it should be working.

1 Answer

I fixed it! Thanks!