CSS to create a Flexbox

PHOTO EMBED

Wed Jul 21 2021 11:38:00 GMT+0000 (Coordinated Universal Time)

Saved by @joannpav #flexbox #css

.flex-container {

  /* We first create a flex layout context */

  display: flex;

  

  /* Then we define the flow direction 

     and if we allow the items to wrap 

   * Remember this is the same as:

   * flex-direction: row;

   * flex-wrap: wrap;

   */

  flex-flow: row wrap;

  

  /* Then we define how is distributed the remaining space */

  justify-content: space-around;

  

  padding: 0;

  margin: 0;

  list-style: none;
content_copyCOPY

https://codepen.io/team/css-tricks/pen/EKEYob