- Approx. completion time: 1 hour
- Deliverables: 1 HTML file, 1 CSS file, images
Write the missing HTML for an icon group by figuring out what the already complete CSS wants to do.
- Fork this repository.
- Write the HTML needed to create the layout—refer to what the CSS is doing and use that to figure out the proper HTML tags.
- DO NOT change the CSS.
- Run it through Markbot and make sure it passes all the checks.
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.
These challenges are here if you’d like to try a little more work—they are for extra experience and learning. They are completely optional and not graded. Show them to me if you’d like—I’d love to see them.
- Make each item into a link.
- Add hover styles to each link that are slightly different—each should hover with a different colour.
(You are allowed to edit the CSS to complete the optional challenges.)