website/pages/index.module.css

48 lines
663 B
CSS

.caption {
font-size: 1rem;
line-height: 1.5rem;
max-width: 66%;
margin: 1.5rem 0;
}
.showcaseTail {
display: flex;
align-items: center;
background: var(--bg-shade-0);
padding: 180px 0;
}
.showcaseTail .content {
display: grid;
grid-auto-flow: row;
max-width: var(--maxwidth);
margin: auto;
gap: 40px;
}
.showcaseTail .image {
max-width: min(600px, 50%);
height: auto;
margin: auto;
}
.showcaseTail .text {
text-align: center;
}
.showcaseTail .caption {
margin: 1rem auto 2rem;
}
@media screen and (max-width: 840px) {
.showcaseTail {
padding: 90px 0;
}
.showcaseTail .image {
margin: auto;
width: 100%;
max-width: 600px;
}
}