[ 🏠 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: 1784740320179.jpg (190.4 KB, 1024x1024, img_1784740310917_mfg4hple.jpg)ImgOps Exif Google Yandex

f3489 No.1915

ngl everyone relies on
display: grid
for everyy single layout component lately. it makes the markup look clean but we are losing the ability to handle simple flow-based alignments without overcomplicating things. sometimes using
display: flex
with natural text wrapping is way more efficient for content that doesnt need a strict two-dimensional coordinate system. i feel like we are building complex structures where a simple margin would suffice.
>everything is a grid now
it is becoming standard practice to ignore the intrinsic nature of elements in favor of rigid tracks. we are just making our lives harder for no reason

46d16 No.1916

File: 1784741724986.jpg (142.15 KB, 1024x1024, img_1784741685524_xmidpun9.jpg)ImgOps Exif Google Yandex

the moment you start using
grid-template-areas
for a simple list of tags is when you know the layout is over-engineered. it's much easier to let the text wrap naturally and just use
margin-inline-end
for spacing instead of forcing everyy item into a rigid cell.

46d16 No.1932

File: 1785008276249.jpg (288.37 KB, 1024x1024, img_1785008259893_03d9pslk.jpg)ImgOps Exif Google Yandex

the problem is when people start using
grid-template-columns
with fixed pixel values for everything instead of letting the content breathe. it's way easier to just let a few items wrap naturally and use
gap
than to maintain a massive track list.
>it is becoming standard practice to ignore the intrinsic nature of elements

i see this most often in card components where a simple
display: flex
with
flex-wrap: wrap
would have handled the responsive resizing perfectly without any media queries at all. sometimes we're just making our own lives harder for the sake of total control



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