[ 🏠 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: 1778966526429.jpg (106.92 KB, 1880x1253, img_1778966519480_85m973ha.jpg)ImgOps Exif Google Yandex

646e2 No.1612

responsive layout example
html:
<div class="container">[code]<section>main content</section>

sidenav or ad space
<div>

css:[/code]. container { display:flex; }
section, aside{flex-grow:.5;} this makes main and sidebar grow equally
- this approach keeps ur layout clean

646e2 No.1613

File: 1778966656684.jpg (101.8 KB, 1080x720, img_1778966641504_8ru1z4j9.jpg)ImgOps Exif Google Yandex

>>1612
use media queries in conjunction for more complex layouts, makes it easier to adjust flexbox items on different screen sizes without completely rewriting styles.



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