Webflow

WebFlow: CSS Layout

  • 8 Lessons
  • 2 Quizzes
  • 1.78 Hours

Course Requirement

  • Basic familiarity with Webflow’s Designer interface
  • No prior CSS or coding knowledge required
  • Ideal for beginners wanting to improve their layout and styling skills

What We Learn

  • Understand how the CSS box model works and how it applies in Webflow
  • Use display settings like block, inline, flex, and grid effectively
  • Control spacing with margin and padding for clean, consistent designs
  • Set element sizing using width, height, and min/max properties
  • Apply position properties (relative, absolute, fixed, sticky) with confidence
  • Build responsive layouts using Flexbox and CSS Grid in Webflow
  • Use z-index to control element stacking and layer content visually

Skills you Gain

  • Foundational knowledge of CSS layout principles
  • Practical skills in Flexbox and Grid within Webflow
  • Strong understanding of spacing, alignment, and responsive design
  • Ability to structure and style layouts visually without code
  • Confidence in building professional, well-organized designs

Course Includes

  • Visual explanations of CSS concepts using Webflow
  • Practical layout exercises and real-world examples
1. Welcome To The Course!
1 Hour 47 Mins