• 08-09-2022, 21:09:36
    #1




    Body'e display flex verdim content'i header'ın altına alamıyorum nasıl bir yol izlemeliyim ?
  • Kabul Edilen Cevap


    • <body>
        <div class="side">
          SİDE
        </div>
        <main>
          <div class="header">Header</div>
          <div class="content">Content</div>
        </main>
      </body>
      body{
        display:flex;
      }
      .side{
        background:red;
        display:block;
        height:600px;
        width:200px;
      }
      .header{
        background:blue;
        display:block;
        height:200px;
        width:600px;
      }
      .content{
        background:green;
        display:block;
        height:200px;
        width:600px;
      }
  • 08-09-2022, 21:10:40
    #2
    🥇R10'un En İyi Ajansı 🥇
    Kodları atar mısın hocam
  • 08-09-2022, 21:18:12
    #3
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.


    <body>
      <div class="side">
        SİDE
      </div>
      <main>
        <div class="header">Header</div>
        <div class="content">Content</div>
      </main>
    </body>
    body{
      display:flex;
    }
    .side{
      background:red;
      display:block;
      height:600px;
      width:200px;
    }
    .header{
      background:blue;
      display:block;
      height:200px;
      width:600px;
    }
    .content{
      background:green;
      display:block;
      height:200px;
      width:600px;
    }
  • 08-09-2022, 21:21:59
    #4
    Canozkan adlı üyeden alıntı: mesajı görüntüle


    <body>
      <div class="side">
        SİDE
      </div>
      <main>
        <div class="header">Header</div>
        <div class="content">Content</div>
      </main>
    </body>
    body{
      display:flex;
    }
    .side{
      background:red;
      display:block;
      height:600px;
      width:200px;
    }
    .header{
      background:blue;
      display:block;
      height:200px;
      width:600px;
    }
    .content{
      background:green;
      display:block;
      height:200px;
      width:600px;
    }
    Teşekkürler.