37 lines
657 B
CSS
37 lines
657 B
CSS
.container {
|
|
display: grid;
|
|
gap: 2.4rem;
|
|
/* These negative margins are needed for horizontally scrollable lists of cards */
|
|
margin-right: -1.6rem;
|
|
padding-right: 1.6rem;
|
|
}
|
|
|
|
.titleContainer {
|
|
display: grid;
|
|
grid-template-areas: "title link" "subtitle subtitle";
|
|
grid-template-columns: 1fr max-content;
|
|
padding-bottom: 0.8rem;
|
|
}
|
|
|
|
.title {
|
|
grid-area: title;
|
|
}
|
|
|
|
.link {
|
|
grid-area: link;
|
|
font-size: var(--typography-Body-Underlined-fontSize);
|
|
color: var(--some-black-color, #000);
|
|
}
|
|
|
|
.subtitle {
|
|
margin: 0;
|
|
grid-area: subtitle;
|
|
}
|
|
|
|
@media screen and (min-width: 950px) {
|
|
.container {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
}
|