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:
- Setting the dimensions (width,height) of HTML elements (quick refresher)
- How relative units work (%, vh, vw, rem) (quick refresher)
- CSS Floats (quick refresher)
- CSS Flexbox (take this course if you haven’t already)
- CSS Grid (take this course if you haven’t already)
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.)