Don't make these rookie mistakes in Framer

Watch out for these common mistakes that many beginners make when building responsive websites in Framer.
Framer makes it possible for you to build jaw-dropping websites fast! The Framer Masterclass will teach you how. Enroll here 👉 bit.ly/3vYuUBX
CHAPTERS
0:00 Overview of mistakes
2:36 Using frames with absolute positioning
8:21 Fixed sizing
14:15 Neglecting the page structure
19:14 How breakpoints work
📱 Find us on SOCIAL MEDIA
Matt Jumper’s KZbin channel 👉 ‪@mattjumper‬
Matt Jumper’s X (Twitter) 👉 / mattjumper
Flux Academy's Instagram 👉 / flux.academy
Flux Academy’s TikTok 👉 / fluxacademy

[@mindmotivator3070]

these is definitely helpful appreciate that

[@lamouralice4533]

Thank you for making this video 🙏🏻

[@NietRe1]

Great tutorial! Quick question. Which tool are you using for your screen recording?

[@TH-rs3fs]

Great vid sir! Question..do you always 1440 px or 1920 px which would you say is your default? Thx

[@mr.chinaski2613]

Awesom!

[@Pati_parhat]

what is the different between fill and relative 100%?

[@noeveronweb]

Thanks for the tutorial. I see that for now no one talks about the HTML structure in Framer, nor Accessibility, nor Performance. Any tutorial on that? Thank you so much (ARG)

[@FluxAcademy]

Responsiveness (which this tutorial focuses on) is an aspect of accessibility, no? What specifically do you mean by "performance"? In our experience Framer sites load fast.

[@nonstopper]

I think because there just isn’t much you can do. Other than use good contrast, use your img alt tags, and make sure links are accessible

[@mattjumper]

I cover the in depth accessibility stuff you're talking about in our Framer Masterclass, but good idea to make some KZbin videos around that!

[@noeveronweb]

@@mattjumper Yes!!!

[@tjarkveltrup5580]

Would you still Design in Figma first using framer?

[@FluxAcademy]

Yes

[@lamouralice4533]

4:55 Start changing the first mistake

[@marionpaolo319]

Do Framer have Flexbox and Grid?

[@pita___311]

Yes, there are options under Layout called stack and grid. Stack is basically flexbox and grid is, well… grid.

[@marionpaolo319]

@@pita___311 ohh I see. But why would someone use absolute positioning?