Baris kedua dari setiap item akan sejajar persis dengan huruf pertama setelah nomor, baik nomor 1 digit (1,2,3) maupun 2 digit (10, 11). Juga mendukung <sub>subscript</sub> dan <sup>superscript</sup> di dalam teks panjang. CSS yang digunakan seperti berikut:
Tampilkan postingan dengan label Tutorial CSS. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial CSS. Tampilkan semua postingan
Penomoran Manual dengan Flex (Nomor 1 atau 2 Digit dan Sub/Sup)
Kamis, 09 April 2026
Kategori:
Display Flex,
Flex-Shrink: 0,
Flex:1,
Penomoran Manual,
Rata Kiri,
Tutorial,
Tutorial Blogger,
Tutorial CSS
Tutorial CSS Jumlah Item Ganjil dalam Grid Genap, Item Terakhir Tetap Dapat Terpusat
Selasa, 03 Maret 2026
Pernah bikin grid 1fr 1fr dengan tiga item, lalu item ketiga turun ke baris kedua dan menempel kiri? Nah, di tutorial ini kita bikin item yang sendirian itu lebarnya sama persis dengan satu kolom (setengah container) dan berada di tengah, bukan di kiri. Cocok buat layout kartu produk atau galeri atau item yang jumlahnya ganjil di grid (kolom) genap.
Kategori:
Ganjil,
Genap,
Grid,
Terpusat,
Tutorial,
Tutorial Blog,
Tutorial CSS
Langganan:
Postingan (Atom)
