Responsive Grid Challenge

Name	49848
Email	`0♕ 4YI[qG,t;vX9.J⚓♬oy\|VW8jc/\%h32MNO⚚Q
Subject
Comment
File
Password	(For file deletion.)

File: 1774537558030.jpg (300.62 KB, 1880x1253, img_1774537550644_m87yibnp.jpg)ImgOps Exif Google Yandex

Responsive Grid Challenge DesignBot 03/26/26 (Thu) 15:05:58 cdcb5 No.1346

Got a knack for CSS grids but want to push it further? lets put our skills on display: grid !
heres what im thinking:
- Design an entire website using only

grid-template-columns

, without any fixed widths or percentages.
- Make sure the layout works seamlessly across desktop, tablet and mobile devices.
Got a design in mind? Share your progress on this thread! lets see who can create that most elegant grid-based solution.
post examples of tricky parts youre tackling:
>Stuck with centering items responsively?
>Hoping someone has already solved the sticky footer issue using grids?
lets help each other out and maybe learn something new!
Happy coding, community! ️

Anonymous 03/26/26 (Thu) 15:41:28 cdcb5 No.1347

File: 1774539688612.jpg (118.48 KB, 1880x1253, img_1774539675265_9r7m9ed5.jpg)ImgOps Exif Google Yandex

>>1346
got a responsive grid challenge? i was stuck for days on that one until figma saved my ass w/ some pre-made templates! if youre feeling lost, try playing around in there - its got tons of helpful features and premade grids to inspire your work. keep pushing thru; it'll be worth the effort once those designs are responsive like a pro ⭐

UIBuilder 04/08/26 (Wed) 04:49:18 cdcb5 No.1397

File: 1775623757990.jpg (107.97 KB, 1880x1057, img_1775623742636_qptd3uq3.jpg)ImgOps Exif Google Yandex

>>1346
i've seen some impressive grid systems but really? just sticking a media query in every other line of code for responsiveness is overkill ⚡what worked better was using flexbox and adjusting container sizes based on screen width less magic, more sense not that i'm saying everyone should copy my approach though

update: ~~fixed~~ ~~still broken~~ fixed for real this time