Check out the code provided at the link in the description.
@chinmaykunkikar
6 ай бұрын
I may not use the logical properties any time soon, but today, I understood the real difference between block and inline. It fundamentally changes the way I think of CSS now. Thank you so much!
@OptimisticWeb
6 ай бұрын
You're welcome, I'm glad that the explanation was helpful for you.
@roblesrt
6 ай бұрын
love this straightforward tutorials!
@OptimisticWeb
6 ай бұрын
Thank you! Glad you found the tutorial helpful.
@velprathap127
6 ай бұрын
I came to know about this property from your video, thanks, buddy.
@OptimisticWeb
6 ай бұрын
You're welcome! I'm glad the video was helpful to you.
@sovereignlivingsoul
6 ай бұрын
interesting, definitely a different way to position elements, i will look into it
@OptimisticWeb
6 ай бұрын
Appreciate your feedback. CSS has definitely become quite interesting.
@4Mulator
9 күн бұрын
🤯
@OptimisticWeb
9 күн бұрын
Thank you!
@rahulpatil3942
6 ай бұрын
This is a great video, I'm not sure about browser compatibility though.
@OptimisticWeb
6 ай бұрын
Thanks for watching! The browser support for Logical Properties is quite good these days. All modern browsers support them. However, it's always a good idea to double-check for the ones you're targeting.
@jnsdotgg
6 ай бұрын
very useful video! is this possible in tailwind as well?
@OptimisticWeb
6 ай бұрын
As far as I can tell, they added support for the logical properties in v3.3. Alternatively, you could utilize the 'tailwindcss-logical' plugin, provided it aligns with the requirements of your project.
@풍월상신
6 ай бұрын
Logical properties..... very interesting, but... seems like once in a life time use case I guess.
@OptimisticWeb
6 ай бұрын
Logical properties aren't just about making multi-directional layouts. They also provide an elegant way to use shorthand. For example, using "padding: 10px 0" resets inline paddings unnecessarily. Instead, we can use "padding-block: 10px". Likewise, the "inset" property can be used in place of the top, right, bottom, and left. Also, if you are using Flexbox or the Grid layouts, you are already working with the block and inline axes.
Пікірлер: 19