Fundamentals

Building Blocks

(NEW) Overflow

(NEW) Overflow

05:14

05:14

ENROLL IN THIS MASTERCLASS TO VIEW THIS LESSON

The end-to-end ultimate Framer masterclass course.

Resources: Host Project

Overflow controls what happens to content when it's bigger than the frame it lives in. It's one of those settings that trips people up constantly -- until you understand exactly what each option does. In this lesson, Ryan breaks down all four overflow types and when to use each one.

What You'll Learn:

  • The four overflow types: Clip, Visible, Hidden, and Scroll

  • Why Clip and Hidden look the same but behave differently behind the scenes

  • How overflow affects sticky positioning (and why Hidden breaks it)

  • How to use Scroll overflow to create scrollable containers

  • How to control overflow independently on the X and Y axis

Overflow controls what happens to content when it's bigger than the frame it lives in. It's one of those settings that trips people up constantly -- until you understand exactly what each option does. In this lesson, Ryan breaks down all four overflow types and when to use each one.

What You'll Learn:

  • The four overflow types: Clip, Visible, Hidden, and Scroll

  • Why Clip and Hidden look the same but behave differently behind the scenes

  • How overflow affects sticky positioning (and why Hidden breaks it)

  • How to use Scroll overflow to create scrollable containers

  • How to control overflow independently on the X and Y axis

Building Blocks

Building Blocks

TEACHER

TEACHER

Ryan Hayward

Ryan Hayward

Official Framer Mentor, Founder @ Insert Frame

Official Framer Mentor, Founder @ Insert Frame

LESSON ID:

LESSON ID:

ufm-fundamentals-bb-007

ufm-fundamentals-bb-007

Home

Lessons

Search

Plugin

Badges

class+

MASTER FRAMER AND BECOME A MORE VALUABLE DESIGNER

$299

$500

MASTER FRAMER AND BECOME A MORE VALUABLE DESIGNER

$299

$500