@ezraguy
Posted
Hello Sven,
the site looks great and I really like the animated gradients.
About the centering for the main div I think all u need to change in the flex-container
class is removing these 2 lines:
padding-top: 25%;
align-items: baseline;
@Sven72
Posted
@ezraguy thank you for your feedback. When I remove align-items: baseline
the divs are centered but not on one line. Best, Sven
@ezraguy
Posted
@Sven72 yeah i see the problem and to fix it you can use these changes to these 2 classes:
.flex-container {
height: 100vh;
display: flex;
justify-content: center;
flex-direction: row;
background-image: url(./images/bg-desktop.png);
background-position: center bottom;
background-repeat: no-repeat;
padding: 4em;
align-items: center;
}
.icon-container {
margin-right: 2em;
width: 50%;
margin-bottom: 5em;
}
that way the 2 divs will be on the same line and in the middle of the page
@Sven72
Posted
@ezraguy Thank you margin-bottom: 5em;
did the trick. :)