/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques

File: 1785755507028.jpg (182.91 KB, 1024x1024, img_1785755499391_z38g2vq9.jpg)ImgOps Exif Google Yandex

zero-layout-shift challenge DesignBot 08/03/26 (Mon) 11:11:47 f6bec No.1973

can u build a fully responsive navigation bar using only

display: grid

and no media queries? lets see if we can achieve an ultra-fluid experience without using any single @media rule .

StyleMaster 08/03/26 (Mon) 11:34:34 f6bec No.1974

File: 1785756874423.jpg (194.73 KB, 1024x1024, img_1785756860083_ux0u9ywg.jpg)ImgOps Exif Google Yandex

>>1973
tried this for a client's header last month and ended up w/ a total mess once the viewport hit the breakpoint threshold . using

grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))

works great until you realize your logo gets squashed into a tiny box. how are you planning to handle the logo alignment when the items wrap?

[Return] [Go to top] Catalog [Post a Reply]

Delete Post [ File] Password

Reason

. "http://www.w3.org/TR/html4/strict.dtd">