/this-site-aint-no-sloth

Create a simple responsive website that conforms to our performance budget.

summary time deliverables download
Create a simple responsive website that conforms to our performance budget.
1 hour
1 HTML file, 3 CSS files, images

This site isn’t a sloth

Overview

  • Fork this repository.
  • Create the website matched in the screenshots.
  • Export all the images & assets to be used in the website.
  • Pass the performance budget, make sure to compress & smush all images.
  • Run it through Markbot and make sure it passes all the checks.

Details

  • Typefaces: Verdana, Georgia
  • Border thickness: 2px
  • Colours: #fff, #000, #bea586, rgb(28, 14, 0) (with many different opacities)
  • Pattern size: 48px
  • Use: modules.css & type.cssgrid.css isn’t necessary

Goal

Visually match the images in the “screenshots” folder.

  • 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.