Write better CSS using logical properties

Logical properties are super useful if you have to deal with different languages, which can have different writing directions, but they're also useful for a lot of other things as well, both of which I explore in this video.

🔗 Links

⌚ Timestamps
00:00 - Introduction
01:22 - Writing direction and languages
06:28 - text-align
07:26 - margin, border, and padding with logical properties
11:58 - floats
13:33 - size (width and height)
14:45 - using margin-inline to avoid problems
17:13 - inset (positioning)

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[DenisovichDev]

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

[HexArtificer]

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!

[pharoahtech]

* 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

[Morrile]

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 :-)

[juanpablo]

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

[KayinAngel]

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.

[ramyfares]

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

[zachjensz]

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

[samirmikaylov]

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

[abdalrahmansuboh]

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

[simplymusical]

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!

[amandasimonds]

You're a great teacher love your videos!

[adeisaac]

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

[BenjaminAster]

Please make a video about CSS counters.

[aCitizenJOSerased]

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

[esraamohamed]

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

[conantv]

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

[luongkhai]

OMG, This save my life. Thank you King CSS

[AbhishekVerma-fewo]

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

[eduazy]

Thank you so much, every video is a treasure