small design change

This commit is contained in:
Firq 2023-03-16 23:29:16 +01:00
parent c7017bfd24
commit 784d66bebc
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
9 changed files with 76 additions and 8 deletions
src/layouts

View file

@ -14,7 +14,7 @@ if (abovetext === undefined) {
}
---
<div>
<div class="base">
<h1>{title}</h1>
<h2>{h2text}</h2>
<div class="container ta-container">
@ -34,7 +34,10 @@ if (abovetext === undefined) {
}
h1 {
color: white;
margin: 0.5rem 0.5rem 0.5rem 0.75rem;
margin-top: 2rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0.25rem 0.75rem;
max-width: max-content;
background-color: var(--c-darkgray);
@ -47,4 +50,16 @@ if (abovetext === undefined) {
line-height: 20px;
text-align: center;
}
.base {
margin-left: 3rem;
margin-right: 3rem;
}
@media (min-width: 1500px) {
.base {
margin-left: 10%;
margin-right: 10%;
}
}
</style>