Colors!

Basic Media Queries

In this assignment you will add two media queries to the css file.

The first media query should trigger at 772px and change the layout of the divs to be 45% of the viewport width. The images should have a maximum height of 30% of the viewport height.
The second media query should trigger at 998px and change the layout of the divs to be 30% of the viewport width.

You will need to make additional changes to ensure that the divs appear next to each other and that the images are contained within the divs. Some of these properties include display, width and max-height.

Red

Orange

Yellow

Green

Blue

Indigo

Purple

Pink

White