Less padding

This commit is contained in:
Henry Hiles 2023-05-17 09:34:04 -04:00
parent 4f896a60f5
commit 39602ab740
3 changed files with 32 additions and 32 deletions

View file

@ -7,9 +7,9 @@ import Layout from "../layouts/Layout.astro"
<div id={styles.notFound}> <div id={styles.notFound}>
<h1 id={styles.header}>Page not found.</h1> <h1 id={styles.header}>Page not found.</h1>
<span id={styles.description}> <span id={styles.description}>
We couldn't find that page. Please{" "} We couldn't find that page. Please return to our <a href="/">
<a href="javascript:window.history.go(-1)"> go back</a>, or return home page
to our <a href="/">home page</a>. </a>.
</span> </span>
</div> </div>
</Layout> </Layout>

View file

@ -1,45 +1,45 @@
.portfolioItems { .portfolioItems {
display: flex; display: flex;
gap: 30px; gap: 30px;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
padding: 30px; padding: 30px;
} }
.portfolioItems a { .portfolioItems a {
color: var(--text-primary); color: var(--text-primary);
} }
.portfolioItems a:not(:hover) { .portfolioItems a:not(:hover) {
text-decoration: none; text-decoration: none;
} }
.portfolioItems img { .portfolioItems img {
border-radius: 1rem; border-radius: 1rem;
background: #f5f5f5; background: #f5f5f5;
box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25), box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25),
-0.5em -0.5em 3em 0.7em rgba(0, 0, 0, 0.22); -0.5em -0.5em 3em 0.7em rgba(0, 0, 0, 0.22);
height: 13em; height: 13em;
width: 13em; width: 13em;
} }
.portfolioItems div { .portfolioItems div {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
border-bottom-left-radius: 1rem; border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem; border-bottom-right-radius: 1rem;
bottom: 0; bottom: 0;
color: #f5f5f5; color: #f5f5f5;
font-size: 1em; font-size: 1em;
left: 0%; left: 0%;
padding: 0.1em; padding: 0.1em;
position: absolute; position: absolute;
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
.projectName { .projectName {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin: 0; margin: 0;
padding: 5px; padding: 5px;
} }

View file

@ -42,7 +42,7 @@ svg {
section:not(section section) { section:not(section section) {
background: var(--secondary); background: var(--secondary);
padding: 10rem 0; padding: 3rem 0;
} }
section:nth-child(2n):not(section section) { section:nth-child(2n):not(section section) {