CSS Logical Properties Tutorial

Learn about CSS Logical Properties in this quick tip tutorial. Logical properties are used to better describe content flow in languages that are not latin or English based left to right (ltr) reading languages. Instead of using words like 'left' and 'top', logical properties introduces the use of 'block' and 'inline' to describe flow for better reflow of you web content and design based on the reading language.
💖 SUBSCRIBE (Please) 💖
ua-cam.com/users/FollowAndrew?s...
Watch Part #5:
Live Scrimba Code: scrimba.com/scrim/co4604d51bf...
🙏 Become a Patron for support! 🙏
/ followandrew
🌐 Website 🌐
followandrew.dev
#css #logicalproperties #tutorial #2021

[@FollowAndrew]

Hey all, glitch in the first video, so I had to re-upload. Hopefully this one works better! LIKE, COMMENT, & SUB!

[@Olejoss1906]

I gotta tell you, I've gone through few explanations on the web what the heck those logical properties are, incl MDN web docs, and I understood absolutely nothing - couldn't figure out what is the difference compared to physical ones and what they are even created for. After 2 minutes of this video all is clear.

[@musicNix12345]

Although CSS Logical Properties make sense at first, I'm questioning it's use in a real situation. Although there are languages that are written RTL, the websites using them are mostly designed LTR, meaning, changing text direction doesn't or shouldn't flip the design. I can't really imagine a real life situation except some funky borders around text but that could easily be styled using pseudo :dir()

[@ComputerScienceSimplified]

Great video, keep up the amazing work! :)

[@GerritforBazeja]

I love your video's. I would like more on combinations of grid, flexbox. How to position images and text in it.

[@jssumon1918]

Great Love you Boss.

[@HariS-kk7vl]

Shall we use this logical properties in js?

[@FollowAndrew]

Yes, you can access them in JS

[@HariS-kk7vl]

​@@FollowAndrew i can use specifically inset inline start - but in previous js assigned value is offset Left. its not working properly. so can i find offsetRight and use that value to inset properties. is it right way?

[@sumitraj6878]

thanks for this video but just in case you may not know, we indians also read from left to right.