So the background is a section and a container that wraps all other divs. Set 100vh for the height. Use flex box to center all other divs.
The wrapper for all the divs that to be in the center of the page. I used flex box to to have all the divs aligned horizontally inside. And I used a fixed max width for larger screens. And because of the div with the number being moved inside this container need to be relative.
Fight against the ugliness. Just like a doctor fights against disease. For us, the visual disease is what we have around, and what we try to do is cure it somehow with design.
Because the content wrapper is set to relative we can now move this element a few pixels to the right.
Fight against the ugliness. Just like a doctor fights against disease. For us, the visual disease is what we have around, and what we try to do is cure it somehow with design.
This one I just pushed down setting a top margin. Same amount that I moved the number div.
Fight against the ugliness. Just like a doctor fights against disease. For us, the visual disease is what we have around, and what we try to do is cure it somehow with design.
Another wrapper holding two divs. Its just a div with no css.
Fight against the ugliness. Just like a doctor fights against disease. For us, the visual disease is what we have around, and what we try to do is cure it somehow with design.
Nothing much going on here really. Some paddings.
Fight against the ugliness. Just like a doctor fights against disease. For us, the visual disease is what we have around, and what we try to do is cure it somehow with design.
In this I have two divs with some flex box for buttons and text. Could easily used some rows here as well.
Fight against the ugliness. Just like a doctor fights against disease. For us, the visual disease is what we have around, and what we try to do is cure it somehow with design.