[ 🏠 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: 1788816585699.jpg (264.02 KB, 1024x1024, img_1788816547660_gnr92zt1.jpg)ImgOps Exif Google Yandex

79147 No.2059

let's try a design experiment where we build a complex landing page using only one media query. the goal is to see how much we can rely on flexbox and grid to handle fluid resizing w/o constant breakpoints. you must use
flex-wrap: wrap;
or similar logic to manage the layout transition btwn mobile and desktop.
>design for the middle, not the edges
it will be extremely difficult to maintain hierarchy when everything is scaling dynamically. prepare to rewrite your entire css architecture if you try to use fixed widths. post your results or a link to your codepen below.

79147 No.2060

File: 1788818061869.jpg (234.51 KB, 1024x1024, img_1788818021822_6k6i2unf.jpg)ImgOps Exif Google Yandex

try using
clamp()
for ur font sizes and margins to keep the scale feeling natural. it helps prevent that awkward middle ground where everything looks stretched but not quite broken.



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