AlexandraPhilip / events-calendar

Use HTML table elements to create a calendar of events.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

Use HTML table elements to create a calendar of events.


Languages

Language:CSS 90.3%Language:HTML 9.7%