उपयोगी 1-पंक्ति CSS लेआउट
(1linelayouts.glitch.me)-
Super Centered { place-items: center }
-
The Deconstructed Pancake { flex: 0 1 }
-
Sidebar Says { grid-template-columns: minmax(, ) ... }
-
Pancake Stack { grid-template-rows: auto 1fr auto }
-
Classic Holy Grail Layout { grid-template: auto 1fr auto / auto 1fr auto }
-
12-Span Grid { grid-template-columns: repeat(12, 1fr) }
-
RAM (Repeat, Auto, Minmax) { grid-template-columns: repeat(auto-fit, minmax(, 1fr)) }
-
Line Up { justify-content: space-between }
-
Clamping My Style { clamp(, , ) }
-
Respect for Aspect { aspect-ratio: / }
1 टिप्पणियां
इसे बिल्कुल 1 लाइन कहना तो मुश्किल है.. लेकिन उपयोगी लग रहा है।