Diskusi Taufiq Adjie Sanjaya

Selesai

Taufiq Adjie Sanjaya

setahun yang lalu

Ditanyakan pada: Membuat Navigasi Bar

posisi teks header tidak sejajar

Halo kak, mau tanya teks header punya saya kok tidak sejajar rata kiri ya kak? semakin saya perbesar lebar dari logo, teks header nya semakin ke kanan, salahnya dimana ya kak?

html : https://pastebin.com/uDp96XqH css : https://pastebin.com/GnRVneAL image : https://ibb.co/WDRHKDS

2 Jawaban

Muhammad Fakhry Burhanuddin

setahun yang lalu

Jawaban Terpilih

Itu karena ukuran gambar yang overflow ke section di bawahnya.

Tambahkan overflow: hidden; di class .navbar.

  .navbar {
    background-color: #f7fafc;
    height: 50px;
    overflow: hidden;
  }

Faisal Hanafi

setahun yang lalu

Sependapat dengan kak fakhry bahwa kak hanya perlu menambahkan overflow: hidden; sedikt penjelasan mengenai overflow yang bisa kakak jadikan catatan sebagai berikut

overflow: hidden; menentukan bagaimana elemen harus menangani elemen yang melampaui batas (boundary) mereka. Jika overflow diatur menjadi hidden, maka elemen yang melampaui batas akan disembunyikan dan tidak akan ditampilkan pada halaman web. Ini biasanya digunakan untuk membatasi ukuran elemen dan memastikan bahwa isi tidak terlalu besar untuk ditampilkan pada layar.