remove remaining inline styles

This commit is contained in:
AlecM33
2022-03-06 19:58:23 -05:00
parent 6772f85da3
commit 7923886ad4
2 changed files with 35 additions and 37 deletions

34
client/src/styles/404.css Normal file
View File

@@ -0,0 +1,34 @@
h1 {
margin: 0 auto;
}
h3 {
max-width: 40em;
font-size: 20px;
padding: 1em;
margin: 0 auto;
}
html, body {
height: 100%;
}
#not-found-container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
}
@media(min-width: 701px) {
h1 {
font-size: 75px;
}
}
@media(max-width: 700px) {
h1 {
font-size: 40px;
}
}

View File

@@ -17,43 +17,7 @@
<link rel="stylesheet" href="/styles/create.css">
<link rel="stylesheet" href="/styles/modal.css">
<link rel="stylesheet" href="/styles/hamburgers.css">
<style>
h1 {
margin: 0 auto;
}
h3 {
max-width: 40em;
font-size: 20px;
padding: 1em;
margin: 0 auto;
}
html, body {
height: 100%;
}
#not-found-container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
}
@media(min-width: 701px) {
h1 {
font-size: 75px;
}
}
@media(max-width: 700px) {
h1 {
font-size: 40px;
}
}
</style>
<link rel="stylesheet" href="/styles/404.css">
</head>
<body>
<div id="mobile-menu-background-overlay"></div>