Téotime Pacreau · @teotimepacreau
22 followers · 63 posts · Server mastodon.design

@nicod totalement ! Je te conseille fortement de consulter la démo de @Una
codepen.io/una/pen/mdOgyVL . Sur des interfaces à base de cartes ça fonctionne particulièrement bien. Très efficace pour écrire un seul composant qui s'adapte en fonction de son contenu.

#responsivetothecontainer #resilientcss #defensivecss #ContainerQueries

Last updated 2 years ago

Téotime Pacreau · @teotimepacreau
15 followers · 29 posts · Server mastodon.design

Mixing , , and from @fonts → "Our text will never get too big or too small and if a dev throws that paragraph into a sidebar or a card or something then our text will always look good."

"what hundreds of lines of CSS hacks could be cut down to with container queries:
p {
font-size: clamp(1rem, 2.5cqw, 2rem);
line-height: clamp(1.35rem, 3.5cqw, 1.9rem);
}"

robinrendle.com/notes/containe

#resilientcss #defensivecss #css #containerqueriesunits #clamp #typography #ContainerQueries

Last updated 2 years ago