Step $3$: Add $800$px breakpoint $(4$ points$)$

Add a media query that applies when the viewport's width is at least $800$ px:

Use the $.$ vacation$-$container img selector to change the image width to $50vw$ so vacation images occupy half the viewport's width.

Use the $.$ vacation$-$container selector to make the vacation descriptions appear to the right of the vacation images instead of underneath.

Use the $.$vacation$-$container $>$ div selector to add a $20px$ margin between the vacation descriptions and images.

The screenshot below shows how the vacation image and text now appear next to each other when the viewport is at least $800$ px wide.

Featured Packages

Egypt