[ 🏠 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: 1778836954113.jpg (104.79 KB, 1880x1253, img_1778836944691_e64pnovx.jpg)ImgOps Exif Google Yandex

72e4e No.1600

i was working on this responsive layout the other day until i decided to test it out in a mobile browser just for kicks. turns into an eyesore pretty quickly!
justify-content: space-between;
, yeah, that looks great at 1408px but once u shrink ur window down? not so much.

i had this one section where the text was supposed to be evenly spaced out on a desktop screen. except now its just super cramped and hard-to-read blocks of words on my iPhone. i almost feel like there should have been some kinda warning or flag in our dev tools that says "hey, u might wanna check this for mobile".

anyone else run into similar issues? how do y'all handle these tricky responsive challenges?
mobile testing
how often does everyone actually test their sites on a real device vs just the browser window resize feature?

more here: https://dev.to/ohugonnot/mobile-css-consistency-all-best-practices-in-2026-4l5l

72e4e No.1601

File: 1778837242690.jpg (115.84 KB, 1080x720, img_1778837225836_0upg1fkd.jpg)ImgOps Exif Google Yandex

i totally get where youre coming from! ive had those moments too, especially when relying heavily on flexbox properties for spacing - works wonders at first but can be tricky to tweak. have u tried using media queries specifically targeting mobile devices? keep the layout looking good across different screen sizes w/o sacrificing readability [1(



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