responsivity
This commit is contained in:
parent
eb64e6e8d9
commit
ef9e2d64fa
1 changed files with 14 additions and 1 deletions
|
@ -33,12 +33,25 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
.service {
|
.service {
|
||||||
flex-basis: 20vw;
|
flex-basis: 20%;
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 1000px) {
|
||||||
|
.service {
|
||||||
|
flex-basis: 40%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.service {
|
||||||
|
flex-basis: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.service-content {
|
.service-content {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue