flex align children to side
flex-direction: column;
align-items: flex-start; //left
align-items: center; //center
align-items: flex-end; //right
flex align children to side
flex-direction: column;
align-items: flex-start; //left
align-items: center; //center
align-items: flex-end; //right
div side by side flex
.float-container {
border: 3px solid #fff;
padding: 20px;
}
.float-child {
width: 50%;
float: left;
padding: 20px;
border: 2px solid red;
}
<div class="float-container">
<div class="float-child">
<div class="green">Float Column 1</div>
</div>
<div class="float-child">
<div class="blue">Float Column 2</div>
</div>
</div>
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us