Less padding
This commit is contained in:
parent
4f896a60f5
commit
39602ab740
3 changed files with 32 additions and 32 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue