Ajout directives flex dans scss pour améliorer alignement et responsive
This commit is contained in:
parent
4e51c0079e
commit
d0b3e02b52
4 changed files with 12 additions and 7 deletions
File diff suppressed because one or more lines are too long
2
css-compiled/template.min.css
vendored
2
css-compiled/template.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -38,6 +38,8 @@
|
|||
@supports not (flex-wrap: wrap) {
|
||||
overflow: hidden;
|
||||
}
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feature {
|
||||
|
@ -75,7 +77,7 @@
|
|||
&.big {
|
||||
text-align: center;
|
||||
.feature {
|
||||
width: 33.33%;
|
||||
width: 50%;
|
||||
@include breakpoint(small-mobile-range) {
|
||||
margin-top: 1rem;
|
||||
width: 100%;
|
||||
|
@ -89,6 +91,7 @@
|
|||
}
|
||||
|
||||
.feature-content {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
text-align: justify;
|
||||
|
||||
|
|
|
@ -19,6 +19,8 @@ $module-bg: #EEEEEE;
|
|||
width: 100%;
|
||||
text-align: left;
|
||||
padding-top: 2rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.member {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
|
|
Loading…
Reference in a new issue