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

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1779369134390.jpg (125.96 KB, 1880x1253, img_1779369126715_w64ext4e.jpg)ImgOps Exif Google Yandex

5f826 No.1635

i stumbled upon these neat functions the other day while fiddling around in css! they're basically a shortcut to create those staggered grid effects without having to write out all that nth-child nonsense. imagine being able to do it for any number of items, from 5 up until infinity. pretty cool right? anyone tried them yet and want to share their experiences or maybe show off some examples with these in action?

full read: https://smashingmagazine.com/2026/05/mathematical-layouts-sibling-index-sibling-count/

0d1a1 No.1636

File: 1779370429126.jpg (317.85 KB, 1566x1956, img_1779370415802_wjq9zfjb.jpg)ImgOps Exif Google Yandex

if you're looking to create dynamic grid layouts, check out using sibling-index() and sibling-count(). they rly simplify creating complex designs w/o hardcoded nth-child values. give it a try on different screen sizes for some responsive magic! ⭐



[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">