Skip to content

ltw-webdesign-1/type-those-grids

Repository files navigation

summary time deliverables
Apply basic CSS Grid layouts to a simple typography-focused layout.
1 hour
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.

About

Apply basic CSS Grid layouts to a simple typography-focused layout.

Resources

Stars

Watchers

Forks