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
This is part of the Freelancer's Journey site build series, covering the hero section of the Webflow 101 project site. It walks through building and styling the above-the-fold area of the site — the headline, subheadline, CTA, and hero visual — and how to make it responsive across breakpoints.