https://i.sstatic.net/n3IIU.png
Apologies for the basic question, but I've been struggling with this issue for quite some time. I'm attempting to use flexbox to horizontally center align the elements in div.Homepage, however, I can only manage to get the button aligned horizontally. Additionally, I'm having trouble getting the text TEST to be centered as well. Here is my CSS code:
body {
font-family: 'Recoleta';
color: #FFF;
background: #111;
}
html, body {
height: 100%;
}
.Homepage{
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.logo-social-image{
max-width: 20%;
}
Below is the React HTML code:
return(
<div className="Homepage">
<div className="Name-social">
{view}
</div>
<div className="Pro-button">
<OutlinedButtons isLoading={this.state.isLoading} isLoaded={this.isLoaded} />
</div>
</div>
)