summary: 'Apply basic CSS Grid layouts to a simple typography-focused layout.' time: '1 hour' deliverables: '1 HTML file, 1 CSS file, images'

Type those grids

Overview

• Fork this repository.
• Use CSS grids to code the layout sketched earlier in class.
• Text can be found inside the content.txt file.
• Run it through Markbot and make sure it passes all the checks.

Details

• Typefaces: Merriweather (regular, italic)
• Text sizes: 1.5rem, 1.8rem
• Line-heights: 1.5
• Margins: 1rem, 1.5rem
• Paddings: 1rem, 1.5rem
• Gaps: .75rem

Goal

Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.

• Final screenshots in the “screenshots” folder.

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.