Positioning, Sizing and Layout - Framer Fundamentals

In this video, we focus on layout, sizing, and positioning in Framer. You’ll learn about layout options like Stacks and Grids, distribution and alignment of elements within a Frame, and concepts like padding and gaps. Discover different sizing options such as Fixed, Relative, Fill, and Fit Content, and explore positioning techniques including Absolute, Relative, Fixed, and Sticky.
Remix the project: framer.com/projects/new?dupli...
🌞 Try Framer for free: framer.com
🎉 Follow on Twitter: / framer
💎 Join Community: www.framer.community

[@user-sn3qu7vk5x]

Thank you so much for explaining concisely and clearly. It was really easy to understand!

[@julianarosato2705]

you are so good explaining ! Thanks!

[@ryanhayward3488]

So glad!

[@vivekkumar-pc1xy]

amazing website for every frontend developers. I truely appreciate your work

[@tayyabsohail8823]

I was confusing about this layouts. But thanks to clear my concept. I think you did better job then framer university. 😁😁

[@GoldFinchPanda]

Very useful, thank you!

[@emerlander]

That was very useful. Thank you!

[@ONLYUX-tg4nj]

took me 2 weeks to understand this by myself. So you watch this you're lucky

[@Marrvmastery]

I love your teaching ❤

[@bazibada]

Thanks for the tutorial ! If I might suggest something for the future, is to see less of you and more of the software itself ! Not that you're unagreable to look at, but it would be more useful :)
And sometimes because it's zoomed on the canvas it can be unsure about what layer is selected. Otherwise, everything is rather concise, good job !

[@brijeshlol]

i loved the table example you gave. essentially, all we designers do is move tables!! haha.

[@kachied]

You are awesome

[@opeyemibalogun3501]

Thanks for the lecture, please I want to know if someone can be limited if you are using free plan

[@opeyemibalogun3501]

Because all my fill content are not available for use

[@Framer]

No layout features are limited by the Free plan. If you can't use "fill" on an element the parent layer likely does not have the Layout property enabled.

[@surendarkumar-rs1og]

When i work around with sizing property it changes when i make changes to child or parent element. e.g a row section set to fill and the change in parent makes it fixed automatically, Is there is any way to control it? Also if you can create a tutorial on "when to use fit to viewport or fill, fixed" on section layouts would be great or may be a right way to create a website.

[@SoulStudio_VM]

same

[@Sponsi_PL]

Yeah, I created a row with 2 columns, preconfigured, made a component and when I place it I can't add, edit content within it OMFG...

[@androidfarmer8863]

It would be really helpful if the assets were available so we could follow along.
Also, is there a way to save the remix project to our own dashboard so we can save progress while experimenting?
Thanks!

[@james.kaloki]

unlike webflow how does someone make negative margin in framer ?

[@blairku8402]

that's so cute at 4:45 You crack me up🤣

[@sahibsingh1858]

Keeps teaching without sharing the screen.