Size & Units
course
Size & Units

LkFkZD2c1E2s

Agency, SaaS
20

min

About this course
This course explains all unit options available in the design panel, focusing on the fundamentals of sizing elements for responsive design. You'll explore the differences between absolute units (px) and relative units (%), learn how viewport units (vh, vw) adapt to screen sizes, understand the auto (A) unit for flexible layouts, and master size constraints using min/max values.
What you'll learn
  • You'll explore the differences between absolute units (px) and relative units (%), learn how viewport units (vh, vw) adapt to screen sizes, understand the auto (A) unit for flexible layouts, and master size constraints using min/max values.
Who should take this course?
This course is designed for web designers, web builders, or any other roles responsible for building pages with Editor 2.0.
Frequently asked questions

  • Is this course suitable for beginners?

    Yes! This course is perfect for anyone working with the Editor 2.0 design panel who wants to understand the fundamentals of size and units. Whether you're new to web design or need a refresher on unit options, the course provides clear explanations and practical demonstrations.

  • Do I need to take the lessons of this course in order?

    Nope. Pick and choose the lessons that are most helpful to you. Each module focuses on a specific unit type, so you can jump directly to the topics you want to learn about.

  • What's the difference between absolute and relative units?

    Pixels (px) are absolute units—they stay the same size regardless of screen dimensions. Percentages (%) are relative units—they scale based on their parent container. Understanding this distinction is crucial for creating responsive designs that adapt to different devices.

  • What is a viewport and why does it matter?

    A viewport is the visible area of a web page on a user's screen. Viewport units (vh and vw) allow you to size elements relative to the browser window, making it easy to create full-screen sections or elements that scale proportionally with the screen size.