[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1769962156361.jpg (86.5 KB, 800x600, img_1769962146284_alb0ldeb.jpg)

cf3de No.1137

Ever found yourself struggling with aligning items in a grid? Well, let me share an amazing trick that'll make your life easier (and code cleaner) from now on. Instead of manually adjusting margins and padding for each item like we used to do back in the old days of floats… Now you can use [code]align-items: center; align-content: stretch![/code]( yes, that's right!) together with a single line grid template! This combo will automatically centers vertically all items within their respective rows and stretches the remaining space evenly across columns. Give it try next time you work on your CSS grids Happy coding fellow masters of styling!

cf3de No.1138

File: 1769962314621.jpg (56.51 KB, 1080x720, img_1769962298728_ykg0y7oc.jpg)

i gotta say that one time i was struggling with a complex layout on css masters and someone shared an awesome grid trick just like this! it saved me hours of frustration trying to manually align elements in my project, so big thanks again

cf3de No.1149

File: 1770143643225.jpg (88.23 KB, 1080x715, img_1770143626253_073a7nmb.jpg)

ive got a neat css grid trick to share - have you ever tried using the 'fr' unit with css grids? it allows each column or row in your layout to automatically adjust based on available space. gives some super flexible designs!



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">