Layout and components: projects
Build something of your own with what you have learned. Each project is a goal, not steps: pick one, make it your way, and earn its badge.
A recipe cardAfter lesson 4: BoxesMake a recipe card for something you can cook or make: the ingredients in a table with amounts, the steps as a numbered list, and CSS that makes it look like a card…
An event pageAfter lesson 9: A hero and a row of cardsMake a page for a real or made-up event (a sports day, a concert, a games club): a header, a menu of sections, three cards side by side with what is on, and a footer.Badges are saved in this browser only. To show your teacher, open a project and press Show your teacher.