body, html
{
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
.opening
{
display: block;
min-height: 10%;
background: #FFFFFF;
}
#main h1
{
font-size: 20px;
color: red;
}
div
{
display: flex;
flex-flow: row;
height: 80%;
width: 100%;
}
#main
{
height: 100%;
width: 80%;
display: flex;
flex-flow: column;
order: 1;
}
#main header
{
display: block;
min-height: 10%;
background: #FC6;
flex: 1 1 10%;
}
#main article
{
background: #CFC;
flex: 1 1 100%;
}
#main footer
{
display: block;
min-height: 10%;
flex: 1 1 10%;
background: #FC6;
}
div aside
{
background-color: #CCF;
flex: 1 1 10%;
order: 2;
}
header h1
{
text-align: center;
}
#main article img
{
height: 300px;
width: 330px;
}