The structure of the page. Edit headings, sections, buttons and content here.
What each file does
The look of the page. Edit colours, layout, spacing, fonts and visual design here.
The behaviour of the page. Edit button clicks, messages and interactions here.
Mini build challenge
Choose one improvement and use AI to help you build it. You still need to read, test and understand the code.
- Add a navigation menu.
- Add a checklist that students can tick off.
- Add a modal popup explaining secure data exchange.
- Improve the design using contrast, alignment, repetition and proximity.
Your saved goal will appear here.