aspect-ratio and object-fit: cover are suitable to keep column layouts tidy across different resolutions, e.g. when you have an image (not a background) on left column and a map, , content with subtle background etc. on right column. As always, thank you for sharing such useful knowledge!
How do you put those grid lines in background ? In css or it's a picture ??? I usually see this in web desing figma or something like it and it looks so cool and make the website pro
Logical properties can feel like extra typing at first, but they really come in handy when working with layouts that need to adapt to different writing modes, like right-to-left - top-to-bottom languages. Plus, the new shorthand properties offer flexibility that wasn’t possible before - like setting different values for left/right or top/bottom margins and paddings in a single go. They might save you some headaches down the line!
Thanks for summarizing these useful CSS commands 😄
Thanks for watching! These are some of my most used CSS properties, so I tried to share them with everyone.
I love this channel, no magic here, every little thing is explained fully. anyway thanks
Thanks for the feedback, just trying to keep things simple and practical.
Banger after banger❤
Thank you, glad you are finding the content useful!
aspect-ratio and object-fit: cover are suitable to keep column layouts tidy across different resolutions, e.g. when you have an image (not a background) on left column and a map, , content with subtle background etc. on right column. As always, thank you for sharing such useful knowledge!
Totally agree, these two properties save us from so many old-school hacks. Thanks for watching!
next video on stacking context and isolation isolate property please
You can watch this short video on isolation - ruclips.net/user/shortshW2VsumVJls
Very goog! Thanks by this good video.
Thanks for watching!
How do you put those grid lines in background ? In css or it's a picture ??? I usually see this in web desing figma or something like it and it looks so cool and make the website pro
Thanks for watching! Grid lines are in the CSS, you can check this video to learn how - ruclips.net/video/QMoKpkE3c6s/видео.html
Frameworks like Next.js often require us to explicitly declare in advance, this often invalidates the effect of aspect-ratio.
Frameworks usually add their own defaults. and sometimes, it becomes difficult to manage things.
5 very important and convenient CSS properties.
Exactly, these properties really simplify things and make CSS much more efficient. Thanks for watching!
I really don't see the advantage of these logical properties, just more words to type.
Logical properties can feel like extra typing at first, but they really come in handy when working with layouts that need to adapt to different writing modes, like right-to-left - top-to-bottom languages. Plus, the new shorthand properties offer flexibility that wasn’t possible before - like setting different values for left/right or top/bottom margins and paddings in a single go. They might save you some headaches down the line!