Quiz: Recreate a mockup using HTML & CSS

Prerequisites

You must have a firm understanding of how HTML and CSS work together to create complex layouts.

Make sure that you feel comfortable with the following CSS concepts:

Instructions

You will have 25 minutes to finish this quiz

Try to recreate the image below using HTML & CSS only (no JavaScript). All the required code (HTML, CSS) must be contained in a single HTML page. Once you’re ready, paste the contents of the file and submit your solution.

Choose whatever CSS technology you feel comfortable with (flexbox, grid, floats, etc.)