Here is the page I am having trouble with: https://www.datafreedoms.com/our-mission/
I have two problems with this page:
1) I need the white text column to have “max-width: 750px;” and positioned in the middle of the row. I tried adding “max-width: 750px; margin: auto;” which restricted the width, but it was floated left and not in the center on the page. How can I make it max-width: 750px and centered?
2) I’m trying to push the white text column downwards so goes over the edge of the section and it sits on top of the white space below. I have somewhat achieved that by giving the rows this custom CSS:
$el {
bottom: -130px;
}
But the problem is that the top section with the blue background sits too far down. I need the bottom edge of the blue section to be much higher.
Here is a picture which explains what I’m trying to do: