24 lines
360 B
CSS
24 lines
360 B
CSS
.split-view {
|
|
width: 100%;
|
|
|
|
.split-view__wrapper {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
gap: 24px;
|
|
|
|
@container (max-width: 640px) {
|
|
flex-flow: column;
|
|
}
|
|
}
|
|
|
|
.split-view__half {
|
|
flex-basis: 50%;
|
|
container-type: inline-size;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-flow: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
}
|