add a second fractal under the content and reduce max size
All checks were successful
Static / build (push) Successful in 6s
All checks were successful
Static / build (push) Successful in 6s
This commit is contained in:
parent
fe4fdd8ca1
commit
1ee556aeb0
1 changed files with 4 additions and 6 deletions
|
@ -16,7 +16,6 @@
|
|||
--background: #242424e5;
|
||||
--accent-1: #d182ff;
|
||||
--accent-2: #eb53d3;
|
||||
--content-spacing: 5px;
|
||||
--background-img: url("/@brooke/bg.webp");
|
||||
--banner: url("/@brooke/fractal.webp");
|
||||
--text-color: white;
|
||||
|
@ -35,16 +34,15 @@
|
|||
background-attachment: fixed;
|
||||
background-size: auto 300px;
|
||||
}
|
||||
.topbar {
|
||||
.bar {
|
||||
background-image: var(--banner);
|
||||
height: 150px;
|
||||
background-size: cover;
|
||||
background-position: 60%;
|
||||
margin-bottom: var(--content-spacing);
|
||||
border: var(--border);
|
||||
}
|
||||
#container {
|
||||
max-width: 850px;
|
||||
max-width: 550px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#container a {
|
||||
|
@ -55,7 +53,6 @@
|
|||
}
|
||||
#flex {
|
||||
display: flex;
|
||||
max-width: 850px;
|
||||
}
|
||||
main {
|
||||
width: 100%;
|
||||
|
@ -76,7 +73,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div class="topbar"></div>
|
||||
<div class="bar"></div>
|
||||
<div id="flex">
|
||||
<main>
|
||||
<div style="padding: 1rem; padding-top: 0">
|
||||
|
@ -154,6 +151,7 @@
|
|||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Reference in a new issue