On the screen I'll need you to draw 4 boxes with the following background colors IN THIS ORDER:

- red

-blue

- green

- purple

Each box has a height of 200px

At screen size of 639px or less all 4 boxes should take up 100% of the screen

Between 640px and 799px the boxes will be 75% of the screen size

Between 800px and 999px the boxes will be 50% of the screen and should have a 5px margin

Anything greater than 1000px the boxes should be 20% with a 10px margin

Anything 1440px or greater the boxes should flip (new order would be purple, green, blue, red) order and be right aligned.

Check the video on Slack to get a better understanding of what I mean

I'll be reviewing your code to see how you made this all work. Please submit your code (the HTML/CSS) by Wednesday 4/11.

Responsive Design Mode No throttling ; DPR: 2; ? 314 831 no device selected