Setting Sizes in Webflow

Рет қаралды 23,910

Жыл бұрын

In this lesson, we'll cover the formulas and unit types needed to build a responsive website in Webflow!
Get the Wizardry Chrome Extension
chrome.google.com/webstore/de...
Get the cloneable for this project (affiliate link)
webflow.grsm.io/setting-sizes
Join my Webflow Wizards Community
/ timothyricks
Try Webflow using my affiliate link below.
webflow.grsm.io/4840096

Пікірлер: 36

@thekyser Жыл бұрын

Amazing Video. Can you do a longer and more detailed video on Webflow sizes and responsiveness? I'm asking this because for newbies, this is a little fast and advanced. Thank you man!!

@ghitaelmaimouni7198 Жыл бұрын

yes it would be great thank you timothy for all your efforts

@bfdes7243 Жыл бұрын

Yeah, agree! For me as a designer, it could be super useful!

@SocialboutMedia 8 ай бұрын

He's for advanced people. Not noobs.

@aname206 Жыл бұрын

The most important solution to my problems thank you so much Tim.

@chakhmanmohamed9436 Жыл бұрын

What i love abt you is that u keep it short, ppl can't follow a 1h tutorial. Could u plz talk more abt how you use codesandbox and scripts, like github your own scripts

@ben_hayward Жыл бұрын

Great video Timothy, this was really helpful.

@volodymyrtanpeter Жыл бұрын

Tim, that's amazing! Thank you for such useful content!

@moe-alhakeem Жыл бұрын

You’re a living legend among men

@geoffdawes6529 Жыл бұрын

Thanks Tim! You're such a legend :D

@en2336 Жыл бұрын

Yayyy another vid from tim! Rejoice! :)

@EverrNp Жыл бұрын

Amazing tutorial, thank you!

@thewebart Жыл бұрын

Thanks Tim. I missed you!

@chirantanx Жыл бұрын

simplicity at it's best!!

@markusk7738 Жыл бұрын

This is awesome!

@Cs2GamiNG Жыл бұрын

Thanks for the video. Quick question, what's the reason to set the image container padding to the size and not set it directly on the height of this wrapper?

@victorzollikofer1292 Жыл бұрын

MORE SIZE STUFF PLEASE *__* Other KZfaqrs don't do it so you have to 😅 ...please 😊

@jclewis33 Жыл бұрын

Thank you

@staticmotion1628 Жыл бұрын

Hello Timothy, your videos are amazing and very informative and thank you for them I'm learning webflow and building a landing page for my company my real job is a photographer/editor lol but i love gfx design so learning webflow is very enjoyable for me but I'm stuck i just want to play a video on a animated button I created in webflow I'm hosting on vimeo and would love to be able to use a embed video instead of the since I don't like the stock play button is there a simple code snippet or a video to watch on to do what seems like should be a simple task just play/stop on click using a button I created Than you Cheers

@goldenant9450 Жыл бұрын

jeez...i have a lot to learn. I have not idea why you're doing all of this

@jo69123 7 ай бұрын

this video can make a noobie's brain explode a couple times, impressive

@purplemojicon Жыл бұрын

Hi Tim, I have a question about the Splide slider. I have a CMS collection called "Brands" with four brands in it and I want to have a collection list on my screen and have brand as the source, how can I have a spider slider for each brand knowing well, I'm only adding 1 div with the class "Splide" to my collection item

@gav108 Жыл бұрын

Bro thank you for this, my site looks perfect on laptop view but every other view is a mess because I used different measurements. Could I pay you to do this for me? Completely serious 😂

@dalamruangs Жыл бұрын

How to sell the webflow template that we have made to the market?

@jordanamer1 Жыл бұрын

the video we've all been waiting for. Quick question. Why not just use REM all the time. Whats the advantage of EM?

@timothyricks Жыл бұрын

Thanks Jordan! I like to use EM for fluid sizes and REM for fixed sizes. It’s rare in a design that everything should scale. When we apply fluid settings to the html element and use all REM, we lose the option to have fixed font sizes. Feel free to checkout Wizardry to learn more. kzfaq.info/get/bejne/mLaHqqyTycC7pWg.html EM is also helpful for things like letter spacing or anytime you want a size to be based on the parent’s font size.

@MrLinknel Жыл бұрын

@@timothyricks does using em for fluid sizing rely on you setting the body / a parent divs font size to 'vw'? I was confused when watching some of your videos when the type changed size in relation to the viewport width as Im not sure this was made clear and when I tried to replicated it I didn't get the same effect. Maybe I just missed it.

@timothyricks Жыл бұрын

Hi @@MrLinknel, yes the body font size would need to be set to either VW or a Calc formula (which is better for accessibility). I cover this in the Wizardry tutorial. kzfaq.info/get/bejne/mLaHqqyTycC7pWg.html

@GabDinDe Жыл бұрын

More responsive vids plssssssssssss

@FernandoComet Жыл бұрын

In your example, in the left box, the text is aligned to the left. What if it has some padding left changing depending on resolution? Can you do the same also for padding so it has relative values?

@timothyricks Жыл бұрын

Yes, padding can also be set using %. The thing to remember about % padding is it’s a percentage of the parent div’s width.

@FernandoComet Жыл бұрын

@@timothyricks Thanks!

@drahuldahiya Жыл бұрын

Extension is not working on my desktop

@ericphung6507 Жыл бұрын

Amazing. You don't use em for body font size anymore?

@timothyricks Жыл бұрын

Thanks Eric! I use em for body font size on tablet to stop fonts from getting too small. On desktop though, I like to use fluid settings for body font size.