/events-calendar

Use HTML table elements to create a calendar of events.

Primary LanguageCSS

summary time deliverables
Use HTML table elements to create a calendar of events.
1 hour
1 HTML file, 4 CSS files

Events calendar

Overview

  • Fork this repository.
  • Use <table> to create the calendar layout
  • Style the calendar using as little CSS in main.css as possible—leverage modules.css and type.css
  • Text can be found inside the content.txt file.
  • Run it through Markbot and make sure it passes all the checks.

Details

  • Typefaces: Merriweather
  • Corner radii: 8px
  • Colours:
    • Greys: #ccc, #666, #333, #f2f2f2
    • Greens: #d1e0bf, #6b7e54, #51603f
    • Reds: #f2bcbc, #b92828, #991919
    • Blues: #d2d6f0, #1d38da, #38448e
  • Gridifier settings: defaults
  • Typografier settings: defaults
  • Modulifier settings: select all

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 to Canvas using Markbot.