#logo {
display : flex; /* css property that changes the display of items from the list*/
float : left; /* determining the alignment side of an floating element */
width: 20% ; /* css property that changes the width of the block */
height: 100px;
background-color : #fcfae1;
text-align: center;
}
#header {
display: flex; /* css property that changes the display of items from the list*/
float: left; /* determining the alignment side of an floating element */
width: 80% ; /* css property that changes the width of the block */
height: 100px;
background-color: #FEDCBA;
color: black;
text-align: left;
}
#navigation {
display: flex; /* css property that changes the display of items from the list*/
width : 100% ; /* css property that changes the width of the block */
height: 30px;
background-color: blue;
}
#content {
display : flex; /* css property that changes the display of items from the list*/
width: 75% ;
height: 350px;
background-color: #ABCDEF;
float : left; /* determining the alignment side of an floating element */
}
#sidebar {
display: flex;
width: 25% ;
height: 350px;
background-color: #FEDCBA;
float: left;
}
#footer {
display: flex;
float: left;
background-color: #49423d;
width: 100% ;
height: 40px;
}