summary | time | deliverables |
---|---|---|
Use HTML table elements to create a calendar of events. |
2 hours |
1 HTML file, 4 CSS files |
- Fork this repository.
- Use
<table>
to create the calendar layout - Style the calendar using as little CSS in
main.css
as possible—leveragemodules.css
andtype.css
- Text can be found inside the
content.txt
file. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
Merriweather
- Corner radii:
8px
- Colours:
- Greys:
#ccc
,#666
,#333
,#f2f2f2
- Greens:
#d1e0bf
,#6b7e54
,#51603f
- Reds:
#f2bcbc
,#b92828
,#991919
- Blues:
#d2d6f0
,#1d38da
,#38448e
- Greys:
- Gridifier settings: defaults
- Typografier settings: defaults
- Modulifier settings: select all
Visually match the images in the “screenshots” folder.
- Final screenshots in the “screenshots” folder.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.