Flexbox mit aside
Hier ein Beispiel wie man Flexbox Layout umsetzten kann
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Flexboxen -Layout</title>
<style>
#headerlinks,#headermitte,#headerrechts{
flex:1;
border:1px solid red;
}
#suche{
margin-top:20px;
height:30px;
width:200px;
font-size:26px;
}
*{
margin: 0px;
padding: 0px;
}
body{
background: #E6E6E6;
border: solid 3px black;
display:flex;
flex-direction:column;
}
p {
font-family: Helvetica, Avenir, Arial, sans-serif;
font-size: 11px;
}
header{
width: 100%;
background: #ABABAB;
border: solid 2px blue;
text-align:center;