You are the only person on the internet who uses the best practices for pretty much everything in CSS. It's really inspired me to write good CSS. Thanks Kevin

Bro, I'm from Medellín, CO, and your content is helpul AF, incredibly the way you use to make CSS so understable.

I'm loving CSS because of him

Man, thanks for this! The margin shorthand overwriting other margins is an issue I've had so many times. Always ended up having to scroll through my scss files to find the issue... The margin-inline will save so much time!

I know first hand the problems having these languages can create when writing code. Logical properties will certainly help me going forward. keep up the excellent work, as always :-)

* It is my first time to see Arabic text. The way to write the Arabic language, the shapes of fonts and letters is really awesome

If KZfaq allows me, I'd like your videos thousand times!! Great job man, you're a life saver. Thank you so much

haven't used CSS for years, was a huge web developer and designer when html5 just came out, this video was recommended so I checked it out, man, CSS is so advanced, it's almost a programming language I mean this is crazy, makes me wanna go back to develop websites.

Please continue with your good energy and vibes and never stop to drop those amazings classes. Thank you for real

I only recently discovered this channel and I am loving it. For a decade now I had to use a CMS that restricts most of my attempts to use CSS (and almost all of HTML). For that reason I am pretty unfamiliar with recent trends and now I feel like I am re-learning CSS thanks to your channel. I hate to nitpick on my very first comment here, but at 18:42 you used margin-block-end: 1rem; to separate the sections, however margin-bottom would have been appropriate here, since if you look at the Japanese section, the margin was applied on the left instead of at the bottom. If there was a section after that there would have been no separation.

One of the most important CSS videos I've ever seen. Thank you!!!!!

I don't comment videos often but this one's just a diamond! Thank you for your work.

This is one of the most fruitful 20 mins of my life.

I consider myself an og css pro, but this made me realize how much useful newer css is around that I’m not really familiar with because of having old IE support requirements for so damn long.

This channel is legit gold mine.

Thank you very much Powell! That’s just amazing

I like the new directions you took with this video Kevin 😏

My the Best teacher thanks. İ learn a lot of things from you. Also free))😊😊

You're a great teacher love your videos!

THis is amazing content! Thanks for sharing! Can't wait for these logical properties to come to all the browsers. I've definitely faced the issue you mentioned with margin: 0 auto; So using the solution you suggested will make things much simpler and cleaner. Thanks again!

I swear I was just looking for direction properties, THANK YOU SO MUCH

That is the coolest intro to any video I have watched, :) :), "Hello my friend and friends", its so css (Cool Sounding Stuff), Thanks for the video, very helpful

Super awesome Kevin, thanks

You are my inspiration 😊

as usual and like many here, i cant thanks you enough for all your work and video in general with css. I always learn so much with you, so i always write better and cleaner css ( so with a correct though process ) ! I which there could be a "Kevin Powel" for every language xD

🤯 wow awesome, I feel like I now nothing about CSS after watching this. I'm totally going to check out all your CSS videos after holiday mode 👀 🧠✨ thnx for sharing, love your content so far!

Wow, you helped me saving a lot of time, thanks a lot.

Thank you . I really appreciate and respect the way you explain things.

Hi Kevin, I started learning frontend web development recently and your CSS videos are so informative. Can you help me understand why doing some stuff in CSS is better when we have javascript or bootstrap and many other options which are capable of doing the same work.

Please make a video about CSS counters.

Immense quality for, like, a millionth time! #tonsOfRespect

Awesome Kevin ♥️

FYI the technical term for the "dialects" like US vs UK English is _locale._

Great content...I'm learning a lot from this channel

OMG, This save my life. Thank you King CSS

Tou one of the best who learn us good and best coding and I hope one day meet you ❤ I need you make video about js I learn and learn js and still stick in it . I don't know what I do or what I use with js can you help me . Sorry for my English 😀😣

Wonderful trick bro...Love you man❤❤

superb video! very well explained

Thank you so much, every video is a treasure

Once again Thank you Kevin.

this is a game changer

I'm currently working on hebrew site template(rtl direction), which later will be used for more sites, which will be with ltr direction. But sadly I cant use all these cool features, because the client wants to support IE11(and IE11 doesnt support all this cool stuff), so me and my coleague have to make the site the hard way. We have two classess for both directions and we have to manage margin, padding, positioning and everyth for every direction. It would be so much easier if we could use these new and cool direction props, but sadly we cant. Anyway great video!

your efforts just make me like your video before watching it😊

Please provide some context WHY, when you make a declarative statement like "dont/always do this"

15:56 should probably be margin-block-start instead of margin-top, I think. If you don't understand the utility of these logical properties outside of writing modes, then you've missed out on a lot.

Hello Kevin, how are you doing Since these properties are flow relative, don't you think that calling them relative properties rather than logical will be more justifiable?

TBH just discovering locical properties, but is there any other scenario besides text-direction, in which they are really neccessary and better than the old ones?

Really awesome

@13:54 the japanese section is appearing to be (inline) wider than the other two. Look at the red border and you'll see that it's not aligned with the section edge like the rest. Why is that?

uhh man, You are amazing ! 💜

The Arabic was not bad for a auto translation. Great video, keep it up.

margin-inline: ♥;

Thank you very much, Kevin. So helpful. May I trouble you a bit more, please. So sorry to, please. My website html tag Language attribute is like this: . When I use logical properties in CSS, how does the page know the User's writing mode? Whether ltr, rtl, vertical-rtl, etc?

good one

Hello I just discovered your channel few days ago and its been amazing. 1 thing I would love to see you do is how to edit scroll bars with css only. Like if you put overflow-y: scroll. How do you modify the scroll bar that pops up in all browsers especially Firefox.

You're a god🙏

margin, padding, border-inline and block are so cool, but so sad that Edge have not support it yet

I just discovered these early this week but didn't have idea how were they called

5:19 Shout out from Taiwan!!

Hey Kevin, can I plz ask you whoch VSCODE theme and font you use. i really like the theme and font.I know this is Codepen but in previous videos I have seen you using. SO plz tell.

Awesome 😀

super interesting mighty stuff

Someone kindly direct me to Kevin's video where he talks about padding-inline, border-inline, etc.

Me before watching : heh css .. After watching : *imposter syndrome anxiety kicks in*

You are the best

What's the browser support for these features? would be nice to know what these are when discussing/showcasing them.

Brilliant

What's your monitor set-up? That's looking large!

How about background-position? no logical values supported 😭

Taiwanese keeps much ancient Chinese culture and usage. But it has been hardly written in words due to words & meaning lost in past centuries. Most of people were illiteracy in long tern so that inheritance became so difficult surely. Still thanks for mention our language😘

Width: 70%; /normal way to set width/ But for right to left how to set width i used margin-left:30%; Is there any other ways to set width in direction rtl.... ????

I can use it on my Chrome on my macOS Big Sure too :D I think this works since months :P

amazing

Pretty cool, but man I need a dictionary these days to look up CSS properties lol wish they would get rid of the old ones we no longer use....

But... we still should do stuff like 8:50 with flex, right? Anyway its a great video, I will definitely share it :D

I have zero interest in building sites in any other languages, apart from English. So I was put off from watching this video. Do logical properties etc apply to purely English websites?

Browser compatibility, uhm.

Word on your tShirt speaks about what you are in css

i read all these properties in docs and thought why it exists, now i know😂🤦

This is nice, but I think it's in everyone's best interest if I just stick to English

very interesting wohoo

Kevin is not the king of CSS.... he is the GOD of CSS!!!

Japanese newspapers use vertical-rl.

Maybe the thumbnail was made with css? who knows 🤷‍♂️

Kevin, enough bs. Let's have one on video background web pages.

4th but can u pin now plz

4th comment