fix: set min-width on page container

This commit is contained in:
Stevan Freeborn
2023-04-09 23:52:36 -05:00
parent 5c411b4b9a
commit 7f0fa411b0
7 changed files with 18 additions and 10 deletions
+12 -2
View File
@@ -5,13 +5,12 @@
gap: 2rem;
padding: 5rem;
max-width: 1450px;
}
@media screen and (max-width: 1000px) {
.container {
flex-direction: column;
align-items: flex-start;
align-items: center;
justify-content: center;
padding: 2.5rem;
gap: 1rem;
@@ -34,4 +33,15 @@
background-color: #0b3766;
padding: 0.2rem 0.5rem;
border-radius: 5px;
}
.container>article:nth-child(1)>h1 {
font-size: 40px;
font-weight: bold;
}
@media screen and (min-width: 1000px) {
.container>article:nth-child(2)>h1 {
padding-top: 75px;
}
}