SmolCSS – Minimal snippets for modern CSS layouts and components

Posted by DerekBickerton on Wednesday November 10, 2021 @10:41AM
from the smolcss.dev dept.

( 3 comments | 20 points | on HN )

Re:SmolCSS – Minimal snippets for modern CSS layouts and com... by rp1 on Wednesday November 10, 2021 @12:54PM (#29177802)

The responsive padding is a bit weird. Having different padding for top/bottom and left/right looks a bit weird.

Also, for centering, I definitely prefer using position: absolute and transform: translate(-50%, -50%)

[ Parent | on HN ]

Re:SmolCSS – Minimal snippets for modern CSS layouts and com... by SahAssar on Thursday November 11, 2021 @11:22AM (#29189702)

Centering with position absolute does not work well if the content can be wider/higher than the container (like responsive layouts or if the content is unknown).

Using grid/flexbox fixes that and other corner-cases.

[ Parent | on HN ]

Re:SmolCSS – Minimal snippets for modern CSS layouts and com... by captain-phil on Wednesday November 10, 2021 @10:57AM (#29176121)

Thanks for sharing! Very helpful for inspiration and implementation.

[ Parent | on HN ]