Positioning Quiz

Today’s quiz has only one question, you may use your textbook to refer to as well as other examples you may have saved from class. I will use only your final result, so don’t forget to save. This may prove to be quite challenging, but don’t worry, I will give plenty of partial credit.

Starting with the HTML I give you, you must recreate the image below.


Dimensions: The green box is 400px wide and 300px high and is centered with a top margin of 50px. The pink boxes are 150px high and 150px wide. The are positioned 20px from the edges of the green box. The text in the pink boxes is centered and is 20px from the top of the pink box.

Next Section - CSS Tricks