debut css accueil
This commit is contained in:
@@ -12,7 +12,6 @@ $width-menu-slidedown : 550px;
|
||||
font-size: $font-medium;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
// width: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
@@ -20,10 +19,7 @@ $width-menu-slidedown : 550px;
|
||||
header{
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
// main{
|
||||
// // position: relative;
|
||||
// // top: -7rem;
|
||||
// }
|
||||
|
||||
footer{
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
@@ -31,63 +27,16 @@ $width-menu-slidedown : 550px;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
grid-gap: 10px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.content_container{
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
.layout-content{
|
||||
grid-column: 3 /span 10;
|
||||
order: 2;
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 6rem;
|
||||
// width: 70%;
|
||||
margin: auto;
|
||||
@media(max-width: 891px){
|
||||
width: 90%;
|
||||
}
|
||||
@media (max-width:500px) {
|
||||
padding-top: 0;
|
||||
}
|
||||
grid-column: 1 / span 12;
|
||||
|
||||
|
||||
}
|
||||
|
||||
aside{
|
||||
grid-column: 1 /span 2;
|
||||
// width: 80%;
|
||||
order: 1;
|
||||
margin-top: 5rem;
|
||||
// margin-left: 10%;
|
||||
// margin-right: 1rem;
|
||||
@media(max-width:891px){
|
||||
margin-left: 5%;
|
||||
margin-top: 9rem;
|
||||
}
|
||||
@media (max-width:500px) {
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
// main{
|
||||
// width: 100%;
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// position: relative;
|
||||
// @media (max-width:500px) {
|
||||
// flex-direction: column;
|
||||
// }
|
||||
|
||||
|
||||
// }
|
||||
|
||||
// .main-content{
|
||||
// margin-top: 7rem;
|
||||
// }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user