Update spacing in index page

This commit is contained in:
Hazem Krimi
2021-08-16 17:01:48 +01:00
parent 10aa96a6c9
commit 2143392425
3 changed files with 4 additions and 25 deletions
-11
View File
@@ -43,8 +43,6 @@ const Wrapper = styled.div`
p, p,
.tags-wrapper { .tags-wrapper {
text-align: left; text-align: left;
width: 85%;
margin: 0.5rem auto;
} }
h1 { h1 {
@@ -66,23 +64,14 @@ const Wrapper = styled.div`
hr { hr {
height: 0.1rem; height: 0.1rem;
opacity: 0.3; opacity: 0.3;
width: 85%;
margin: 1rem auto 0rem auto; margin: 1rem auto 0rem auto;
@media (max-width: 768px) { @media (max-width: 768px) {
width: 95%;
margin: 1rem auto 0rem auto; margin: 1rem auto 0rem auto;
} }
} }
.content { .content {
width: 85%;
margin: 0rem auto;
@media (max-width: 768px) {
width: 95%;
}
h1 { h1 {
font-size: 1.5rem; font-size: 1.5rem;
} }
+4
View File
@@ -59,6 +59,10 @@ const Wrapper = styled.div`
margin: 1rem 0rem; margin: 1rem 0rem;
} }
.portfolio {
margin-bottom: 3rem;
}
.projects-wrapper, .projects-wrapper,
.articles-wrapper { .articles-wrapper {
display: grid; display: grid;
-14
View File
@@ -42,8 +42,6 @@ const Wrapper = styled.div`
h1, h1,
p { p {
text-align: left; text-align: left;
width: 85%;
margin: 0.5rem auto;
} }
h1 { h1 {
@@ -58,22 +56,10 @@ const Wrapper = styled.div`
hr { hr {
height: 0.1rem; height: 0.1rem;
opacity: 0.3; opacity: 0.3;
width: 85%;
margin: 1rem auto 0rem auto; margin: 1rem auto 0rem auto;
@media (max-width: 768px) {
width: 95%;
}
} }
.content { .content {
width: 85%;
margin: 0rem auto;
@media (max-width: 768px) {
width: 95%;
}
h1 { h1 {
font-size: 1.5rem; font-size: 1.5rem;
} }