Chapter 02

Patio

Diving deeper into learning about HTML and CSS, we build a single-column website and make its layout responsive by adding media queries. We also learn about more HTML elements and the CSS box model.

Links + downloads

Chapter resources

Chapter URL

Frequently Asked Questions

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris euismod imperdiet feugiat. Pellentesque elementum rhoncus justo eu maximus. Donec varius magna sed nisl posuere fermentum. Integer in orci placerat, egestas lacus a, pharetra tortor. Sed iaculis ac turpis sit amet semper. Nunc accumsan gravida tempus. Donec vel eros a risus condimentum ullamcorper ac eu mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tortor faucibus, egestas tellus ut, condimentum erat. Vivamus tristique aliquam purus.

Videos

Lesson 01

Overview and initial HTML

Lesson 02

Padding, margins and the box model

Lesson 03

Blockquotes and borders

Lesson 04

Navigation hovers and max widths

Lesson 05

Making our website responsive

Minimal, dark and monospace is the order of the day for this week’s project, which has been designed by Sydney based graphic and digital designer Matt Vernon. Matt was a student on our very first SuperHi course! The main things to think about with this design is using max-widths to constrain each of the image sections with their quotes. There’s also a bit of helper code in the copy.txt to get you up and running with the custom font used in the project.

Homework 01

Source

Minimal, dark and monospace is the order of the day for this week’s project, which has been designed by Sydney based graphic and digital designer Matt Vernon. Matt was a student on our very first SuperHi course! The main things to think about with this design is using max-widths to constrain each of the image sections with their quotes. There’s also a bit of helper code in the copy.txt to get you up and running with the custom font used in the project.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

SuperHi FM

Want some ambient music in the background? Play our radio station!

Next: Chapter 03

Furneaux’s

Back: Chapter 01

Sally Hart

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

Email Discord