Diskusi Fajri Farid

Selesai
Fajri Farid
Ditanyakan pada: Studi Kasus Membuet Tabel Pricing Part 5

Mengatur Posisi

Bagaimana caranya agar kotak yang putih ini posisinya di tengah tengah? gambar ==>> https://postimg.cc/R6hknQN4 html ==>> https://pastebin.com/XutiaaeH css ==>> https://pastebin.com/SyNhZCHY

3 Jawaban

Avatar
Muhammad Fakhry Burhanuddin

12 hari yang lalu

Di element body tambahkan `align-items: center` ``` body { background-color: #529ffa; display: flex; justify-content: center; align-items: center; // tambahkan baris berikut min-height: 100vh; } ```

Fajri Farid

makasih

Avatar
BroKoding

11 hari yang lalu

Halo kak, salah satu cara menempatkan sebuah element ke tengah secara vertikal adalah dengan menggunakan display flex, justify-content center dan align-items center. Ini diterapkan pada element parent, sehingga element-element child nya akan berposisi ditengah. Contoh implementasi : `https://pastebin.com/K8RbZTZ2`

Avatar
Levianth

7 hari yang lalu

Hi kak Fajri~! Saran dari saya jika kakak ingin menengahkan apapun itu adalah dengan cara ini ya kak : - Jika elementnya itu adalah berupa text maka bisa menggukan text-align - Jika elementnya itu adalah berupa selain text maka bisa menggunakan margin auto - Jika ingin menggunakan berbagai tag bisa menggunakan display flex dan justify center ya kak :D Semoga terbantu ya kak :D