MenusLesson 30Preview gratis
Equal Width Menu Links
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Bilah Navigasi dengan Lebar Tautan Rata Sempurna (Equal Width Menu Links). Seluruh tombol menu membagi lebar total bilah navbar secara merata dan matematis (misalnya: 4 tautan masing-masing menempati tepat 25% lebar layar).
Poin kunci
- Membagi lebar 100% dengan jumlah tautan menu (contoh: width: 25% untuk 4 menu)
- Menerapkan CSS Flexbox modern dengan flex: 1 pada setiap tautan anak
- Menggunakan text-align: center untuk pemusatan teks label
- Mencegah pembungkusan teks ganjil dengan box-sizing: border-box
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.