Remove section classes

This commit is contained in:
TheThomaas 2024-02-10 21:18:06 +01:00
parent 9319ee7d52
commit 778d776907

View file

@ -85,7 +85,7 @@ i {
}
}
.hero-section {
.hero {
height: 90vh;
height: 90svh;
@ -116,30 +116,29 @@ i {
}
}
.projects-section {
ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
gap: 1rem;
}
.project-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
gap: 1rem;
li {
border-radius: var(--border-radius);
overflow: hidden;
}
article {
--background: url('https://placehold.co/200x150'); // Default background
position: relative;
height: 100%;
padding: .4rem;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2.5rem;
z-index: 1;
background: var(--background);
background-repeat: no-repeat;
background-size: cover;
}
}
.card {
--background: url('https://placehold.co/200x150'); // Default background
position: relative;
height: 100%;
padding: .4rem;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2.5rem;
z-index: 1;
background: var(--background);
background-repeat: no-repeat;
background-size: cover;
a {
&:hover {
@ -170,11 +169,7 @@ i {
}
}
.about-section,
.competences-section,
.projects-section,
.experiences-section,
.download-section {
section {
padding-block: 2rem;
margin-block: 3.5rem;
}
@ -293,19 +288,9 @@ i {
}
}
.experiences-section {
p {
margin: 0;
}
}
.download-section {
text-align: center;
> div {
gap: .8rem;
}
.download {
gap: .8rem;
p {
font-size: 1.4rem;
}