SiteWebAstrolabe/src/scss/components/presentation.scss

55 lines
817 B
SCSS
Raw Normal View History

2020-06-19 23:47:44 +02:00
.presentation {
article {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 2.125rem;
grid-row-gap: 2.125rem;
&:nth-child(2n + 1) {
.content {
grid-column: 1;
}
figure {
grid-column: 2;
}
}
&:nth-child(2n) {
.content {
grid-column: 2;
grid-row: 1;
}
figure {
grid-column: 1;
grid-row: 1;
}
}
}
.content {
h2 {
font-size: 2.125rem;
margin-bottom: 2rem;
+ p {
font-size: 1.25rem;
margin-bottom: 8rem;
}
}
}
figure {
display: flex;
flex-direction: column;
// justify-content: center;
align-items: center;
img {
margin-top: 3.5rem;
}
}
}