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

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1773572907665.jpg (169.05 KB, 1880x1253, img_1773572897891_li1c4zcg.jpg)ImgOps Exif Google Yandex

2e29d No.1293

Is it time to switch from media queries for responsive design? Let's dive into two approaches: traditional MQs vs CSS Grid-based layouts
Traditional Media Queries (MQ) have been a mainstay:
@media only screenand (max-width : 600px),

But they can get messy, especially with more breakpoints.
CSS Grid offers an alternative approach that's all about the layout first:
. container {display: grid;grid-template-columns: repeat(auto-fit,minmax(25rem,1fr));}

This method is fluid and less prone to media query hell but requires a different mindset.
sooo which one wins? For simple layouts ✅ MQs are still solid. But for complex responsive designs ⚡ i'm leaning CSS Grid-based solutions
What about you - still sticking with good old Media Queries or switching over?
Remember, the goal is to make your design work across devices seamlessly!

2e29d No.1294

File: 1773574955264.jpg (183.01 KB, 1280x683, img_1773574939941_d7oeapxb.jpg)ImgOps Exif Google Yandex

i'm still wrapping my head around media queries for different devices especially when to use min-width vs max-device-width ⚡any tips?

btw this took me way too long to figure out



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