Kyle nice short but comon man the title was really clickbaity. Theres no way you are actually recommending to stop using pixels / rem / % for width.

Liked the content, disliked the title

designer gives you a layout. kyle: theres no way i can do this anymore

Better title: Define widths easily with fit-content

I like most of your videos because simplicity, straight to the point. But this title of video make me feel intimidated. Kyle, please don’t like the other KZfaqrs who tend to not using existing features and you should do this instead. You just introducing another feature, but it doesn’t mean we need to stop using px, rem, %, etc.

The problem with fit-content, max-content, min-content or auto is that if you want to do animations or transitions on the width or height, it doesn't work.

Also very useful minmax() function. You can set minimum width when content is small and max when it is large.

i love that guitar intro. it has literally conditioned me to remember all the teachings on this channel and alert my brain for more. You should throw that in prior to these tiny short form videos

Awesome video. I had been lost in this feature for an incredibly long time. And you explained it perfectly in seconds.🙏

finally straight to the point content

really enjoying these shorts series. straight to the point and really useful

Found that while this is a crazy cool feature it often does not work on IOS devices and safari - still waiting for the browser to unify under one banner… would make front end dev so much easier lol

Wow! I stopped using pixels, rem and percentages and now none of my websites scale properly!

Keep making these CSS short videos because they are really useful.

Really appreciate your content Dev! Always delivered clearly and calmly. Great work my man, please keep this up! 🤝

Can you do a video about deploying a MERN App or Hosting in general? Would be awesome. Maybe about AWS.

Loving these shorts, super helpful information 😁

fit content is amazing! i use it to center absolute divs all the time

Thanks, you cleared it all in just one short 👍

PS I really love these shorts that you are making . . . Thank you.

I am enjoying these concise vids. You really make the topics simplified. Thank you.

I NEEDED a short like this!!

Nice! I want more of these lesser known css rules

Awesome content Kyle... Loving the Shorts

I wasn't sure about your channel when I first subbed. Really glad I did though. I'm a back end dev who only ever does CSS when I can't bribe someone else to do it for me lol. Your videos have been really helpful. I keep putting off learning CSS from scratch cause it's so huge now.

Thanks for breaking down these new CSS properties.

Thanks so much Kyle love the work you put into making videos every one of your videos are a blessing 💙 you too are a blessing 😁

I honestly need more examples of when these things would actually be useful, because one of the only cases where I find it useful is for text.

Title is kinda misleading but I must admit the content is actually solving a problem I hD

This is will be very useful if your doing responsive design or adding footer

very well explained, thanks!

I wanted to lean just some few things in java script but it just so important that I must know it if I really want to be a dev, I wish you post a video on java script full course I will appreciate that am a big fan of your, I watch almost every single video of your I have seen thus far, since mid 2020

So another "Sthap using X" bs I need some child of wrap flex container to take all of its width Which one would it be? Auto? Max? Or maybe, just maybe, a 100%? What if I need children of a flex container to take equal parts disregarding their content? What if I need a fixed table layout?

I want to understand all of the spacing and ordering of CSS but Idk where to find the best short guides. This video is less than 1 minute and explained a bunch of things regarding content sizes

I'm not a front-end developer, but I really like to watch his channel videos.

Thank you, Kyle!! I didn't know what min, max, fit-content is before untill watched this video

Summary: The best is fit and you should use it

You explain it very cool

Thanks! I always asked myself what was the difference!

Never needed this. Display block and inline-block covers everything I wanted to do

Great short and all, but the video never explained the title. Could probably change it into something like "Cool CSS Scaling Features"

Useful example, thankie

I like using media queries, it might seem tedious to manually define a rem value for each screen size but then everything can look just as you want it to look.

You're amazing Kyle😍😍🙏🏽🙏🏽🙏🏽

Thanks for this

Thanks now i know what i have to use

Appreciate the content, here. Thank you.

Thank you for this 🙂

Wow, thanks so much for this

Amazing thanks ❤

What about image? For example in a portfolio website about section where there is some text and image side by side, it’s very difficult to adjust both column.

Cool, didn't know these! Though caniuse says it's still -moz-fit-content for Firefox.

For the reaspn shown by max-content they could have provided a :clipped selector

Thanks!

Really helpful

Love ♥️and Respect from India 🇮🇳

*PLEASE* stop using click bait titles to recommend stupid things to people learning to code. Telling up and coming coders that they should completely get rid of certain skills and code from their toolbox is so irresponsible of you. Please, instead, encourage learners to understand the “use case” and pros and cons of each. Absolutely no aspect of coding should be completely disregarded unless the code spec itself deprecates or excludes it.

Dont know why, but i always need to check if the video speed is ok o.O

Thanks bro. This helps a lot

You’re telling me that your entire CSS doesn’t contain a single percentage, rem or pixel? Hard to believe.

Thanks 👍

I'LL NEVER GIVE UP MY REMS

Font size based on parent container that's what I want in CSS but for now we have to use JavaScript

Differences between auto and fit-content?

Thanks man!

The big Q is how to use it with text-overfow: ellipsis?

Vw units for the win IMO

Omg, finally found a YT short that is actually useful. I’ve been disliking every short so they get a hint. 👍🏻

good job

So fit content will be way better for @media and display?

Then what's the difference between fit and auto?

How’s it different to display: inline-block for fit-content?

VERY NICE!

Problem with this is it's not supported in all browsers or atleast only new versions support it

But does it work in internet explorer 4?

Is this property well-supported? Last I checked it doesn't work in all contexts

Hey its the DOOM on potatoes guy!!

Is it possible to size a parent / sibling element based on the size of a nested child element? I’m implementing a custom drop down menu using ul, li, div, button, and would like the min width of the button that opens the dropdown to be the width of the largest li child.

bro being handsome af

Click-baity or not, it is an interesting perspective to take into account.

Whats the difference between fit and auto?

Such a nice video. ❤️🇧🇩

We need more videos like this

How does he made resizable container??

...so which one should you choose? Why even use the "auto" one?

Is there a way to use this in a table so each column is as wide as it’s widest cell?

nice video but can you tell me how are you resizing the div?

Any idea how to size a font so that the text always fits on N lines of content?

how you resize the container with mouse?

What's the difference between AUTO and FIT content?

auto doesn’t work for my canvas for some reason

Very nice

mmmm... so, inline-block elements are fit-content by default?

Can this be used inside a grid div?

Please what it we have a container that has two or three more container inside and we just want to do our Display: flex;

Is the auto work on all browsers I think there was updates last year that may be fixed it on full

How do we make that resizable text box ?

how do u control the size of the container?

I don't think that's gonna end, I'm more of a percentage, I don't it sucks but fixed sized pixels are worst as I think

Fantastic