- Approx. completion time: 1 hour
- Deliverables: 1 HTML file, 1 CSS file, images
Use media queries and display to create responsive icon cards.
- Fork this repository.
- Create the responsive layouts found in the screenshots.
- Text can be found inside the
content.txt
file. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
sans-serif
- Text sizes:
1.5rem
- Image width:
50px
- Expected class names:
.cards
,.card
,.card-img
,.card-body
- Standard media query widths:
25em
,38em
,60em
,90em
- Use the standard font-sizes and line-heights
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.