Webflow University Pro
Build & style your site

Build & style your site

Create polished, responsive layouts from the ground up.

Duration
30
m
Level
Beginner

Features

Classes
Elements & page structures
Responsive design

Audience

Designer
Developer
Abstract dark illustration with glowing blue rectangular concentric lines forming a geometric pattern from the center.

What you’ll learn

Start from a blank canvas and build and style a hero section.

In this step-by step session you’ll learn the building blocks of HTML and CSS and how Webflow lets you work with both visually. You’ll see how to add structure with elements like sections, containers, div blocks, and text, then set their styles and create classes in the Style panel.

You’ll also learn how structure and style work together to create responsive, polished layouts.

Real-world outcomes

The practice methods

  • Explain how HTML (structure) and CSS (style) work together in Webflow
  • Build a hero section using elements from the Add panel
  • Use the Navigator panel to view and adjust hierarchy
  • Style a hero section with reusable classes in the Style panel
  • Apply layout properties for flexible, responsive designs

Before you start

This session is helpful for all users who want to understand the basics of building and styling in Webflow.

There are no prerequisites for this session. However, if you want a head start, we recommend checking out the following courses:

FAQs

Do I need to “complete” anything prior to taking the session?

There are no mandatory prerequisites, but some sessions may recommend Webflow University courses to review ahead of time. These suggestions provide a helpful foundation and make it easier to grasp concepts covered in the session.

You’ll find any recommendations listed in the session details above.

What platform do you use to host sessions? Do I need to install anything before?

Sessions are hosted on Zoom. You can view the on-demand session directly from your browser (no download required).

Are sessions public?

Webflow University Pro sessions are only available to Webflow customers with Team, Scale, or Enterprise plans.

Need help?

Wondering about sessions, topics, or how it all works? Drop us a line at [email protected].

Explore more sessions