summary | time | deliverables |
---|---|---|
Combine together grids, modular type & CSS components to make a responsive photo gallery. |
1 hour |
1 HTML file, 4 CSS files, images |
- Fork this repository.
- Use
modules.css
,grid.css
andtype.css
to create the layout matching the screenshots. - You only have to write generate the 3 CSS files, write the HTML, and add the appropriate classes.
- The
index.html
file has some starter code in it. - DO NOT change the
main.css
file—it’s completely done. - Run it through Markbot and make sure it passes all the checks.
- 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.