This is fantastic! As a Figma user I love how you can design all three sizes at once and pretty much be done. This is going to save a lot of time. Thanks for sharing.
Super helpful video! I think it would be useful if throughout the video we could see the Layers tab rather than the Pages tab on the left, so we get a better idea of how the layers are nested and everything.
Fantastic! I was trying Framer by myself, without watch tutorials, but then I realized how important is to we save time (and patience) to watch it and learn the best practices to use the tool! Much easier to build with the min width! Very helpful to don't need to be adjusting the content in each breakpoint. Thanks a lot!
Great tutoriual. wish your head thumbnail wasnt covering the user interface . should have at least shifted it the left side of the screen as there wasn't much there that you were talking about.
Great video, but I was surprised you missed displaying the layers panel, it made this more tutorial more difficult. Also, you could have your little video at a space where you do not cover important content. I appreciate your efforts.
I'm a beginner, just tried framer, I want to ask, in the section that discusses grids, can that be applied if the component is integrated with cms?(card increases automatically when cms is updated) Sorry, this is the result of the translation if it's hard to understand 😅
So if I understand it correctly, all the settings for the breakpoints you do on the Desktop frame and it will automatically appear/adjust on the smaller breakpoints that u add? So in the end you want to only fiddle around with the Desktop frames and not in each device frame individually? This seems to be a very efficient way of working! So thanks for explaining!
You are mostly correct. When you adjust something on the smaller screen sizes/breakpoints it will override the changes made on desktop. Generally setting up everything to be responsive on desktop first before even creating the other breakpoints is best-practice. You can then fiddle with them and override as needed.
Hi, I have a quick question relating to sizing: when I enlarge my screen size, I want the content on my page to be centered and adjusts automatically as the screen size changes. Which feature or topic should I look into?
Does it make sense to use a wrapper(container) for all the blocks so they fill in the full width of the wrapper but wrapper itself is set to fixed width? Thanks!
I have a question regarding breakpoints that I am struggling a bit with. I see you have set you main desktop at 1600px but that makes a tablet size 1599 and small which is not really right. I tend to stick with there default size but after years of designing at 1440 it doesn’t feel right. I don’t want a tablet breakpoint triggering at 1439 🤷🏼♂️
I'm sure you figured this out by now, but Framer has a dumb way of labelling their break points, they even mention how it may not make sense on their own info page, but that you are supposed to think of the original break point number as "And up." This means if your mobile break point is 390, it'll be mobile layout from 390 up til the tablet break point. I agree with you that it makes no sense how it is shown.
I'm not sure why but somehow my grid columns jump from showing 2 cards to 1 for tablet and then all of a sudden 2 again to finally go back to 1 column again.. I've tried everything but I can't find the problem.. Anyone an idea why that is? Tablet and phone breakpoints should result in 1 column. The grid layout is set to 'Auto'.
having the same problem, cards on desktop don't show as they should, then on tablet version they are hidden, can't fix this really.- did you find a solution?
spent close to 7 hours on tutorials for responsivenesss, i follow the steps flawlessly and somehow it doesnty wortk. Getting incredibly frustrated with this builder, have a deadlin e coming up. Can anyone help?
This video was informative but at the same time annoying... You explain how to do some stuff then just drag over premade stuff from an existing template? Like creating the card components... Would have been nice if you re-made all components again for the tutorial instead of saying "heres one i built earlier" and dragging it over.
It's driving me nuts that you are not showing the layers. There are small things that are confusing, like what layer or stack you are on when adding the wrap. Other than that, this is helpful, just confusing at times.
What kills me, with most you-tubers is they are simply describing what is on the screen and actually not Explaining …I mean everybody can say “I’m going to move this here” that has no educational value …
