Page Layout & Design
Concepts
These resources cover key areas of the curriculum, with clear explanations, worked examples, practice problems, and links to additional resources.
Design Principles
Learn simple design rules to make your pages easy to use and nice to look at.
Page Structure with HTML
Organise your web page with headers, main sections, and footers using HTML.
Shaping Your Website
Learn how to control size, space, and borders to give your website a great shape.
Flexible Layouts with Flexbox
Use Flexbox to arrange content in flexible rows and columns that adjust to the screen.
Building with CSS Grid
Use CSS Grid to build complete page layouts with both rows and columns.