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)

Penomoran Manual dengan Flex (Nomor 1 atau 2 Digit dan Sub/Sup)

Kamis, 09 April 2026

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:

Bagikan di
Tutorial CSS Jumlah Item Ganjil dalam Grid Genap, Item Terakhir Tetap Dapat Terpusat

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.

Bagikan di
 
Copyright © 2015-2026 Urip dot Info | Disain Template oleh Herdiansyah Dimodivikasi Urip.Info