Sindhu Kavuri

Sindhu Kavuri

  • NA
  • 98
  • 12.3k

i am using dispaly:flexx but my 3 divs are vertical

Mar 1 2018 4:40 AM
 I am using the below code but the 3 divs are displaying verticlly not in the horizontal way 
i am not getting why 
 
 
.container {
width: 100%;
height: auto;
background-image: url('../images/noise.png');
display: flex;
flex-direction:row;
justify-content:space-around;
flex-flow:wrap;
}
.firstgrid{
width:20%;
height:300px;
margin:20px;
}
.secondgrid {
width: 20%;
height: 300px;
margin: 20px;
}
.thirdgrid {
width: 20%;
height: 300px;
margin: 20px;
}

Answers (1)