Accueil/style.css

1. main-container {

 display: flex;
 flex-wrap: wrap;
 width: 100%;

}

1. main-container #welcome {

 order:0;
 flex: 0 0 100%;
 margin-bottom: 5px;

}

1. main-container #right-column {

 order:2;
 flex: 0 0 20%;
 flex-grow:1;
 display:flex;
 flex-wrap: wrap;

}

1. main-container #left-column {

 width:75%;
 order:1;
 flex: 0 0 auto;
 display: flex;
 flex-wrap: wrap;
 padding-right:5px;
 justify-content: center;

} .box {

 border: #DDE6FF 1px solid;

} .box.item {

 margin: 5px;
 width: 350px;

} .box.grow {

 flex-grow: 1;

} .box.full {

 width:100%;

} .box .title {

 padding:5px;
 margin: 5px;
 font-size:120%;
 font-weight:bolder;
 text-align:center;
 background-color:#DDE6FF;

} .box.blue {

 border-color: #9298A8;

} .box.yellow {

 border-color: #A8A077;

} .box.yellow .title {

 background-color:#FFF3B4;

} .box.red {

 border-color: #A88580;

} .box.red .title {

 background-color:#FFC9C2;

} .box .content {

 padding: 5px;

} .box .content.two-cols {

 column-count: 2;
 column-rule-style: solid;
 column-rule-width: 1px;
 column-fill: auto;
 height: 80%;
 column-gap: 20px;

} .box .content.bold {

 font-weight: bold;

} .row {

 width: 100%;
 display: flex;

}