bantu dong masalah margin dan padding

dibantu yah...

gue masih newbie coba" koding, trus nemu masalah gini.

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>tes</title>
    <style>
    body{
      background:rgba(255, 255, 215, 0.85);
      margin: 0; padding: 0;
    }
    header{
      background:rgb(246, 237, 117);
      margin: 0px; padding: 10px 0px;
      border: solid 1px;
      position: fixed;
      width: 100%;
    }
      #logo{
        margin: 0px 10px; padding: 0px;
        float: left;
      }
      #search{
        margin: 0px 10px; padding: 0px;
        float: left;
      }
      nav{
        margin: 0px 10px; padding: 0px;
        float: right;

      }
    #mid{
      margin: 0px; padding: 50px 100px 5px 100px;
    }
      main{
        background: rgb(255, 249, 175);
        margin: 0px 0px; padding: 20px;
        border: solid 1px;
      }
      aside{
        background: rgb(255, 249, 175);
        margin: 0px ; padding: 20px;
        border: solid 1px;
      }
    footer{
      background: rgb(246, 237, 117);
      margin: 0px; padding: 20px 200px;
    }
    </style>
  </head>
  <body>
    <header>
        <div id="logo">
        </div>
        <div id="search">
          <input type="search">
        </div>
        <nav>
          <a href="/">Beranda</a>
          <a href="/info/1">Info</a>
          <a href="/tipdantrik/1">Tips Dan Trik</a>
          <a href="/forum/1">Forum</a>
          <a href="/kontak">Kontak</a>
        </nav>
    </header>
    <div id="mid">
      <main>
        <h1>tess</h1>
      </main>
      <aside>
        <h1>sidebar</h1>
      </aside>
    </div>
    <footer>
      © tes
    <footer>

  </body>
</html>

nah setelah gue buka di browser, dan saat browsernya gue kecilin malah jadinya begini

ekspektasi gw sih pengennya, bagian pinggirnya dulu yang habis waktu webnya gue kecilin, dan seletah bagian pinggirnya habis baru bagian kontennya mengecil jg

html css

@icecyber

1 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

belajar responsive web dulu bang, di SK ini ada kok kelasnya ini nih https://sekolahkoding.com/kelas/membuat-website-repsonive

@naufalhfzhn

172 Kontribusi 59 Poin

Dipost 6 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

bantu dong masalah margin dan padding

Kelas Premium!
Belajar bikin website dari nol sekarang