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!
Banger after banger❤
Thank you, glad you are finding the content useful!
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.
next video on stacking context and isolation isolate property please
You can watch this short video on isolation - ua-cam.com/users/shortshW2VsumVJls
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.
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!
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.