Fix some bugs

This commit is contained in:
Henry Hiles 2023-05-31 15:00:49 -04:00
parent 15659f2dc8
commit 2afee48a5e
4 changed files with 25 additions and 44 deletions

View file

@ -4,26 +4,3 @@ section > :is(h1, h2) {
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
} }
main {
display: flex;
gap: 3rem;
flex-direction: column;
align-items: center;
padding-bottom: 2em;
}
main > section {
scroll-margin-top: 8rem;
display: flex;
flex-direction: column;
border-radius: 1rem;
background: rgba(0 0 0 / 0.3);
padding: 2rem;
width: 90%;
transition: scale 0.2s;
}
main > section:hover {
scale: 1.03;
}

View file

@ -18,5 +18,5 @@
#jumbo #shortAbout { #jumbo #shortAbout {
display: block; display: block;
padding: 20px 10px; padding: 2rem 1rem;
} }

View file

@ -33,3 +33,26 @@ svg {
img { img {
max-width: 100%; max-width: 100%;
} }
main {
display: flex;
gap: 2rem;
flex-direction: column;
align-items: center;
padding-bottom: 2em;
}
main > section {
scroll-margin-top: 8rem;
display: flex;
flex-direction: column;
border-radius: 1rem;
background: rgba(0 0 0 / 0.3);
padding: 2rem;
width: 90%;
transition: scale 0.2s;
}
main > section:hover {
scale: 1.03;
}

View file

@ -1,10 +1,5 @@
main { main {
padding: 2em; padding: 2em 0;
gap: 2em;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
} }
.overview { .overview {
@ -53,20 +48,6 @@ main {
gap: 4rem; gap: 4rem;
} }
main > section {
flex-direction: column;
display: flex;
border-radius: 1rem;
background: rgba(0 0 0 / 0.3);
padding: 2rem;
width: 90%;
transition: scale 0.2s;
}
main > section:hover {
scale: 1.03;
}
@media (max-width: 1300px) { @media (max-width: 1300px) {
.row { .row {
flex-direction: column; flex-direction: column;