Mainly finish making design responsive

This commit is contained in:
Matthew Holt 2023-11-23 22:29:34 -07:00 committed by Francis Lavoie
parent 22fddeb556
commit 066655c101
No known key found for this signature in database
GPG key ID: 0F66EE1687682239
6 changed files with 84 additions and 39 deletions

View file

@ -7,7 +7,7 @@ p.footnote {
--plan-border: 1px solid #eceff133;
border: var(--plan-border);
border-radius: 10px;
width: 50%;
flex: 1;
display: flex;
flex-direction: column;
}
@ -193,4 +193,41 @@ ul.check li.minus::before {
.button.purple {
position: relative;
z-index: 2;
}
.sides {
display: flex;
gap: 50px;
align-items: center;
margin: 100px 0;
}
.sides > * {
flex: 1;
}
.side-flex {
display: flex;
gap: 2em;
flex: 1.5;
}
@media (max-width: 1150px) {
.sides {
flex-direction: column;
}
}
@media (max-width: 700px) {
.side-flex {
flex-direction: column;
}
}