Landingpage (anfänger)

  • Hallo,

    ich weiß nicht wie ich das machen soll.. bitte um hilfe

    ich möchte die page wie auf dem Bild haben.


    HTML

    CSS

  • Das sieht ja schon fast so aus.

    verschieb dein </header> mal hier vor

    <div class="bodycontent">

    Dann hast du es fast geschaft.

    Den rest bekommst du dann bestimmt hin.


    EDIT:

    dein Container <div class="headercon">

    kannst du eigentlich weg lassen ( bei der jetzigen Version ) , das height:100vh kann auch der <header> übernehmen

  • ich hab jetzt in der CSS folgendes umgestellt - jetzt schaut es so aus.. warum?

    Code
    1. * {
    2. font-family: "poppins", verdana, sans-serif;
    3. box-sizing: border-box;
    4. margin-left: auto;
    5. margin-right: auto;
    6. max-width: 1920px;
    7. }

    EDIT:

    und irgendwie ist das ganze nicht wirklich horizontal ausgerichtet..

    ich bin anfänger ;)

  • hab es herausgefunden :)


    CSS:

  • wenn ich DEINEN Code bei Codepen reinkopiere

    https://codepen.io/basti1012/pen/MWKdVdp

    sieht das so aus.

    Was soll da den geändert werden ?

    Un dein Code aus Post 4# geht ja gar nicht

    Code
    1. * {
    2. font-family: "poppins", verdana, sans-serif;
    3. box-sizing: border-box;
    4. margin-left: auto;
    5. margin-right: auto;
    6. max-width: 1920px;
    7. }

    die ersten beiden Zeilen sind ok , aber 3,4,5 auf allen Elementen anzuwenden kann nur schief gehen