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 {
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 {
display: flex;
flex-direction: column;
......@@ -429,8 +421,13 @@ section.about .columns {
@media screen and (min-width: 1024px) {
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-bottom: 9rem;
margin: auto;
}
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) {
section.about .columns {
gap: 8rem;
......@@ -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 {
display: flex;
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