changelog
Dead simple grid.
A simpler to configure variant of Chris Coyiers ”Expando Grid”
source: codepen.io/chriscoyier/pen/GRYKOb Reasoning Use simple CSS-variables to make these "auto-grids" simpler and more "modular". Also i've got somewhat of a strong belief in thinking "element first" and screen sizes second. In practice this means that we simply create our elements, say a card, and that element should then scale to whatever. Or like in this case scale to whatever columns within some defined reason.
Lorem ipsum
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Is Simply
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Dummy Text
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Of The Typesetting
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Industry
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
It Has Survived
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Since The
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
1600's
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Using data-attribute to control max columns
data-columns="2"
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
data-columns="3"
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
data-columns="4"
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci illo nobis quisquam. Officiis earum culpa sit in consequuntur!
...and we could go on and on.
Komentar
Gabung ke grup Telegram kami untuk diskusi chapter terbaru, request judul, dan ngobrol bareng sesama pembaca. Notifikasi update juga ada di sini!
Gabung Grup TelegramWarning! Section Forum ini merupakan Universal Chat — semua komentar dapat terbaca oleh siapa saja. Fungsi forum ini juga bisa digunakan sebagai diskusi. Silakan berkomentar secara sopan, santun, dan bijak.
Ikuti Group Telegram kami untuk update komik terbaru, info rilis chapter, dan konten menarik lainnya langsung di feed kamu!
Ikuti Group Equal Secrets
Komentar (0)
Komentar yang sopan, santun, dan ramah!
Hormatilah pengguna lain, bijak berkomentar niscaya di sayang sama Doi ahaha.