Foundation - Flex Grid
Kisi bergantung pada properti tampilan fleksibel . Ini terdiri dari sejumlah fitur yang tersedia dengan flexbox, seperti penumpukan otomatis, urutan sumber, perataan vertikal, dan perataan horizontal.
Dukungan Browser
Kisi fleksibel didukung di Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+, dan iOS 7+.
Tabel berikut menjelaskan fitur Flex Grid beserta deskripsinya.
Sr.No. | Fitur & Deskripsi |
---|---|
1 | Pengimporan Ini termasuk campuran ekspor untuk jaringan fleksibel untuk menggunakan CSS default. |
2 | Dasar Struktur grid Flex mirip dengan grid float. |
3 | Ukuran Lanjutan Jika kelas ukuran tidak disertakan dalam kolom, maka kelas itu mengembang sendiri dan mengisi ruang yang tersisa di kolom. |
4 | Penyesuaian Responsif Jika ukuran kolom yang eksplisit dalam flex grid tidak diberikan, maka kolom tersebut akan menyesuaikan ukuran secara otomatis |
5 | Penjajaran Kolom Kolom grid fleksibel dapat disejajarkan dengan sumbu horizontal atau vertikal di baris induk. |
6 | Pengurutan Sumber Pengurutan sumber membantu mengatur ulang kolom dalam ukuran layar yang berbeda. |
7 | Referensi Sass SASS (Syntactically Awesome Stylesheet) adalah pra-prosesor CSS yang membantu mengurangi pengulangan dengan CSS dan menghemat waktu. |