52 lines
791 B
CSS
52 lines
791 B
CSS
.about article {
|
|
display: flex;
|
|
}
|
|
|
|
.about {
|
|
padding: 0;
|
|
}
|
|
|
|
.about .illustration {
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
margin: 2em 0;
|
|
}
|
|
|
|
.about #home_illustration1 {
|
|
background-image: url('../images/person_looking_at_computer.svg');
|
|
}
|
|
|
|
.about #home_illustration2 {
|
|
background-image: url('../images/world_connected.svg');
|
|
}
|
|
|
|
.about article {
|
|
display: flex;
|
|
gap: 2rem;
|
|
}
|
|
|
|
.about article:not(:last-of-type) {
|
|
margin-bottom: 4rem;
|
|
}
|
|
|
|
.about article > * {
|
|
flex: 1;
|
|
}
|
|
|
|
@media(max-width:991px) {
|
|
.about .illustration {
|
|
flex-basis: 30%;
|
|
}
|
|
|
|
.about .about-content {
|
|
flex-basis: 70%;
|
|
}
|
|
}
|
|
|
|
@media(max-width: 767px) {
|
|
.about .illustration {
|
|
display: none;
|
|
}
|
|
}
|