38 lines
632 B
CSS
38 lines
632 B
CSS
#about {
|
|
display: grid;
|
|
gap: 20px;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
.title {
|
|
margin-block: 5rem 2rem;
|
|
}
|
|
|
|
.timeline ::deep .timestamp:last-of-type {
|
|
--show-bar: none;
|
|
}
|
|
|
|
.timeline {
|
|
display: flex;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
@media screen and (max-width: 750px) {
|
|
#about {
|
|
grid-template-columns: unset;
|
|
grid-template-rows: repeat(2, max-content);
|
|
}
|
|
|
|
.timeline {
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.timeline ::deep .timestamp:last-of-type {
|
|
--show-bar: block;
|
|
}
|
|
|
|
.timeline ::deep .timestamp:first-of-type {
|
|
--show-bar: none;
|
|
}
|
|
}
|