How to flex-start items at the beginning of the container using CSS ?
The flex-start value of the justify-content property allows you to place the items at the start of the container. The flex-start indicates the flex-direction while the start indicates the writing-mode direction. The children of the parent container are allowed to align at the start of the parent container or div.
Follow the given steps:
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
1. Create HTML file: Use a div with an id name = “GFG” (as per your choice). Inside it make three divs.
2. Create CSS file: Specify the property of the div as
- display: flex;
- flex-direction: row ;
- justify-content: flex-start;