How to Webflow: CSS Width, Max-Width and Min-Width explained - Tutorial 2020

If you've ever been confused about when to use Width, Max-Width or Min-Width, this video may help explain it.
Also, I go into detail about using PX, % and VW units.
Join the Pixel Geek Community:
pixelgeek.community
#css #webdesign #tutorial
-------
I've been a web designer since 1995 and I've learned a lot about this industry. Now that I've found my dream job at Webflow, I want to share some of my experiences and knowledge with you in hopes you can find your dream job as well.
The purpose for this channel is to help you design and build better websites, learn more about the business of web design, and empower you to inspire others in this unique creative industry.
-------
Like what you see? Subscribe here:
kzbin.info_...
-------
/ thepixelgeek
/ pxlgk
pixelgeek.co

[@MrWakeyyy]

Great content for a beginner, including zooming in to the settings. Sometimes not clear what is being done with mouse and other keys e.g. clearing max width. Off to play with some div boxes. And at about 20 mins, excellent. More please on similar beginner topics. Very glad to hear you are recovered. In Windows, it is Alt+Click to reset one of the user changed Settings, highlighted in Blue.

[@guillermocolin3042]

I guess I am pretty randomly asking but do anybody know of a good website to watch newly released tv shows online ?

[@caysoncooper8420]

@Guillermo Colin Lately I have been using flixzone. You can find it on google :)

[@rhysdominick2826]

@Cayson Cooper Yup, I have been watching on FlixZone for since march myself =)

[@guillermocolin3042]

@Cayson Cooper thank you, I signed up and it seems like they got a lot of movies there :) I really appreciate it!

[@caysoncooper8420]

@Guillermo Colin no problem :)

[@person81045]

These videos of yours should also be on Webflow University

[@cobycole23]

Because of you now I want to learn webflow🔥

[@pixelgeek]

I'm glad. ❤️ Let me know what you like to learn and I'll make a video about it

[@debimishra7325]

I had no idea, this channel is soooo good for webflow tutorials.

[@pixelgeek]

Thanks! Glad you like the content 🙇🏽‍♂️😁♥️

[@nassimhadjbenali3819]

Excellent method, very unique to you ! Thanks

[@Bag-Of-Toys]

I aways feel like I know these things, until I get into the thick of it. When I watch your videos the fog and confusion lift. I often refer back to your video when I get tripped up. Thanks!

[@iamgsilva]

Thank you so much for doing this!

[@TheKetoSurvivor]

Thank you! I'd love to see something like this for grid. 🤞🤞

[@nataliavlis6689]

Thank you, Nelson, so much for your lessons! the way you explain - is easy to understand for beginners as I am. Sure, I want to buy you a cup of coffee (already done it)! Wish for you and your family the best and waiting for new tutorials without coding!

[@pixelgeek]

You're very welcome! Thank you for the coffee ❤️☕️🙇🏽‍♂️

[@danielndrssn]

Really wish I could buy you a coffe man, you definitely deserve several! I am sadly in far too much of a financial hole to do it right now, but hopefully I can get some freelance business work going with your advice and you'll be at the top of my coffe giving list

[@hubertandgubson1]

Hey. I am learning Webflow… Thanks to you. Thanks for you great energy.

[@pixelgeek]

My pleasure!

[@nigbinedion]

Thanks a lot!

[@amitnaamani5702]

I love your pace! slow and knowledgeable - keep it up! Amit

[@pixelgeek]

So nice of you. Thanks for watching :D

[@zibilic]

Very useful stuff. Thanks for the lesson!

[@pixelgeek]

My pleasure!

[@mussimbigrace3469]

Thanks

[@motasemyousef92]

you are amazing

[@hal-zeitlin]

Nelson is king - Vlad is emperor - I am student

[@jenniferward6821]

you are such a honey - I am listening - and giggling with you a lot - love it when you get bamboozled - very human - glad you are well - I am in South Africa - we are sweating blood here for the storm of COVID that is threatening. Keep up fabulous work

[@pixelgeek]

thank you for the compliment and for watching the video. I'm glad you are enjoying it. Stay safe and healthy ❤️

[@raghavkedia7582]

What are the real-world use cases for different Css width/height like how to decide what to use?

[@AntonyNorthcutt]

Oh this really helped Nelson, thanks so much. one thing, when would you usually use Max-Width? What are some typical examples?

[@pixelgeek]

I typically use it for custom containers. Put a div block in with max-width 1200px, margin auto on both sides.

[@TylerDurden-ik6nr]

Video begins @2:45

[@svyatoslavtarasov1898]

Hey bro, could you do more live streams? Sittin in quarantine and have a lot of time for wf.

[@pixelgeek]

It's hard to balance time with my family, work and KZbin now that we are in quarantine. But once I have time, I'll do a stream. Thanks for your support ♥️🙇🏽‍♂️😁

[@svyatoslavtarasov1898]

@@pixelgeek Can u make short video with announcment about feature live stream? I am always missing start of live streams bro.

[@pixelgeek]

Will do 😁🙇🏽‍♂️👍

[@omarchowdhury7969]

FIRST

[@MrSpertuzm]

second

[@imivorywebb]

Bro, I wish you could do a straight tutorial format. All the extra dialogue, turns me away from tuning in. You're obviously knowledgeable, and I appreciate you. But the axtra Blah, blah, blah. Who Cares???