Site build: Hero

Now that you have a solid understanding of the box model, HTML, CSS, and the Webflow Designer, let’s start building! Here we’ll walk through a hero section build (typically the top section of a website homepage) and, along the way, we’ll explore flexbox, CSS styling, and how to add and style visual assets.

00:00 — Introduction 00:32 — Hello Sara 00:47 — Assets 01:00 — Content 01:44 — Flexbox 04:30 — Button 10:44 — App image 14:04 — Recap 14:30 — CTA: Share your hero section design using the #webflow101 on Twitter