SuperHi FM

Search:

Catalog Cart About Sign in

Plan, Design + Code Your First Website

Code

Chapter 03

Code

Videos

Lesson 01

Now let's code!

Lesson 02

After approval changes

Lesson 03

The SuperHi Editor

Lesson 04

Basic tag setup

Lesson 05

Adding links

Lesson 06

Basic styling with CSS

Lesson 07

Styling links

Lesson 08

Hover states with CSS

Lesson 09

Margins and transitions

Lesson 10

Common stylings

Lesson 11

Exporting images as SVG from Figma

Lesson 12

Changing the layout's width

Lesson 13

Adding typography with Google Fonts

Lesson 14

Adding CSS flexbox to our header

Lesson 15

Styling our footer with CSS flexbox

Lesson 16

Adding CSS Grid to our tagline

Lesson 17

Adding project images to our portfolio

Lesson 18

Grouping text content

Lesson 19

Molding our layout

Lesson 20

Creating an about page

Lesson 21

Contact page and selected navigation styles

Lesson 22

Let's publish and sent to the client!

SuperHi FM

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

Mobile + Variation

Next: Chapter 04

Mobile + Variation

Design

Back: Chapter 02

Design

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!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

Once we've got approval for our site designs, we can now start coding them up! We use the SuperHi Editor to add structure and look-and-feel to our website, piece by piece.

Private notes

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

Sign in to save notes