Boxen erstellen

Guten Abend, ich habe sozusagen die Grundausrüstung für meine Webseite erstellt und möchte die nun mit Inhalt erstellen. Ich möchte gerne ein Header, Navigation, Sidebar, Content und Footer erstellen, mit jeweils 6px Abstand. Kann mir da jemand weiterhelfen? Viele Grüße Niklas

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
     <!DOCTYPE html> 
<html lang="en">
<head>
<meta charset="utf-8">
<title>Homepage</title>
 
<style>
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
}
header { 
background-color: deepskyblue;
margin:6px;
}
#mehrspaltig {
 
   flex: 1; 
   display: flex; 
   margin:0 6px 0 6px;
   flex-direction: row; }
    nav { 
    background-color: darkgray;  
    margin:0 6px  6px 6px;
    }
    article { 
    background-color: orange; 
    margin-right:6px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX