30 lines
628 B
CSS
30 lines
628 B
CSS
.oneColumnSection,
|
|
.twoColumnSection {
|
|
display: grid;
|
|
border-radius: var(--Corner-radius-Medium);
|
|
border: 1px solid var(--Base-Border-Subtle);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.leftColumn,
|
|
.leftColumnBottomBorder {
|
|
border-bottom: 1px solid var(--Base-Border-Subtle);
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) {
|
|
.twoColumnSection {
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: var(--Spacing-x2);
|
|
border-radius: 0;
|
|
border: none;
|
|
}
|
|
|
|
.leftColumn,
|
|
.rightColumn {
|
|
height: fit-content;
|
|
border: 1px solid var(--Base-Border-Subtle);
|
|
border-radius: var(--Corner-radius-Medium);
|
|
overflow: hidden;
|
|
}
|
|
}
|