Commit 793ac186 authored by Guillaume Grossetie's avatar Guillaume Grossetie 🎧
Browse files

Align "About" section

parent fe00554a
Pipeline #2389 passed with stage
in 33 seconds
...@@ -413,14 +413,6 @@ section.about { ...@@ -413,14 +413,6 @@ section.about {
padding-bottom: 3rem; padding-bottom: 3rem;
} }
@media screen and (min-width: 1024px) {
section.about {
background-image: url("../img/grid-watermark.png");
background-repeat: no-repeat;
background-position: right 2.595rem;
}
}
section.about .columns { section.about .columns {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -429,8 +421,13 @@ section.about .columns { ...@@ -429,8 +421,13 @@ section.about .columns {
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
section.about { section.about {
background-image: url("../img/grid-watermark.png");
background-repeat: no-repeat;
background-position: right 2.595rem;
max-width: 1120px;
padding-top: 9rem; padding-top: 9rem;
padding-bottom: 9rem; padding-bottom: 9rem;
margin: auto;
} }
section.about .columns { section.about .columns {
...@@ -440,6 +437,13 @@ section.about .columns { ...@@ -440,6 +437,13 @@ section.about .columns {
} }
} }
@media screen and (min-width: 1320px) {
section.about {
max-width: 1320px;
padding-left: 124px;
}
}
@media screen and (min-width: 1216px) { @media screen and (min-width: 1216px) {
section.about .columns { section.about .columns {
gap: 8rem; gap: 8rem;
...@@ -453,12 +457,6 @@ section.about .columns { ...@@ -453,12 +457,6 @@ section.about .columns {
} }
} }
@media screen and (min-width: 1100px) {
section.about .columns > .column:first-child {
padding-left: 1rem;
}
}
section.about .columns > .column:first-child { section.about .columns > .column:first-child {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment