Try it yourself: Made in Webflow

Visit the Made in Webflow Marketplace to explore real sites built by the Webflow community. Clone a site into your Workspace and poke around — check how classes are named, how layouts are structured, and how styles are reused. Try tweaking colors, spacing, or layout settings to see how small changes affect the whole design. It’s a safe space to explore, remix, and practice what you’ve learned.

Webflow Help Center

• Style panel overview: Learn how to use the Style panel to apply and manage styles
• Style selectors panel: Manage tags, classes, and combo classes across your project
• Classes: How to create, name, reuse, and extend classes with combo classes
• Display settings: How display settings affect layout and element behavior
• Flexbox: Align and distribute elements using Flexbox
• Grid: Build multi-column layouts with Grid

Webflow Blog Articles

• Scaling Webflow projects: Lessons from 100+ builds: Tips on class naming and managing complexity as projects grow
• 4 handy “helper” classes for your Webflow projects: Real-world examples of utility classes to speed up styling
• Class naming 101: BEM: A structured naming approach to keep your styles organized

Webflow Marketplace Resources

• Mast – A CSS Framework for Webflow: A responsive utility and layout class system built for performance and consistency
• Relume Style Guide: A structured, scalable style system with reusable classes and components
• Utility Classes 2.0: A cloneable utility-first class framework with ready-to-use styles for fast prototyping
• Hatch – A Utility Framework for Webflow: A comprehensive collection of 2,200+ responsive utility classes for scalable design systems

Nice work. 

You’ve completed the Lay out & style your site course. Be sure to click the Complete course button in the course progress box on the right. Then, head back to the Webflow University Courses page and enroll in your next course.