responsivity

This commit is contained in:
Tomáš Mládek 2020-06-14 14:44:36 +02:00
parent eb64e6e8d9
commit ef9e2d64fa

View file

@ -33,12 +33,25 @@ main {
}
.service {
flex-basis: 20vw;
flex-basis: 20%;
margin: 1rem;
display: flex;
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 {
flex-grow: 1;