.container-1 {
  /* The div container has a background color so you can see how the items are positioned within it */
  background: #b691d6;

  /* Create a flex layout context */
  display: flex;

  /* Define the flow direction 
  and if the items should wrap */
  flex-direction: column;
  flex-wrap: wrap; 

  /* ADD CODE BELOW to define how items should be distributed horizontally across the container */
  align-content: center;

  /* ADD CODE BELOW to define how items should be distributed vertically within the container */
  justify-content: space-around;


}

.container-2 {
  /* The div container has a background color so you can see how the items are positioned within it */
  background: #91d6ce;

  /* Create a flex layout context */
  display: flex;

  /* Define the flow direction 
  and if the items should wrap */
  flex-direction: row;
  flex-wrap: nowrap; 

  /* ADD CODE BELOW to define how items should be distributed horizontally across the container */
  justify-content: flex-start;

  /* ADD CODE BELOW to define how items should be distributed vertically within the container */
  align-items: flex-end;

}

.container-3 {
  /* The div container has a background color so you can see how the items are positioned within it */
  background: #d691c4;

  /* Create a flex layout context */
  display: flex;

  /* Define the flow direction 
  and if the items should wrap */
  flex-direction: row-reverse;
  flex-wrap: wrap; 

  /* ADD CODE BELOW to define how items should be distributed horizontally across the container */
  justify-content: space-evenly;

  /* ADD CODE BELOW to define how items should be distributed vertically within the container */
  align-items: flex-start;

}

.container-4 {
  /* The div container has a background color so you can see how the items are positioned within it */
  background: #9cd691;

  /* Create a flex layout context */
  display: flex;

  /* Define the flow direction 
  and if the items should wrap */
  flex-direction: column-reverse;
  flex-wrap: wrap;

  /* ADD CODE BELOW to define how items should be distributed horizontally across the container */
  align-content: flex-end;

  /* ADD CODE BELOW to define how items should be distributed vertically within the container */
  justify-content: center;

}

.container-5 {
  /* The div container has a background color so you can see how the items are positioned within it */
  background: #f6f48c;

  /* Create a flex layout context */
  display: flex;

  /* Define the flow direction 
  and if the items should wrap */
  flex-direction: row;
  flex-wrap: nowrap; 

  /* ADD CODE BELOW to define how items should be distributed horizontally across the container */
  justify-content: flex-end;

  /* ADD CODE BELOW to define how items should be distributed vertically within the container */
  align-items: center;

}

.container-6 {
  /* The div container has a background color so you can see how the items are positioned within it */
  background: #f68c8c;

  /* Create a flex layout context */
  display: flex;

  /* Define the flow direction 
  and if the items should wrap */
  flex-direction: column;
  flex-wrap: wrap;

  /* ADD CODE BELOW to define how items should be distributed horizontally across the container */
  align-content: flex-start;

  /* ADD CODE BELOW to define how items should be distributed vertically within the container */
  justify-content: space-evenly;


}


img{
  width: 75px;
  border-style: solid;
}

div {
  height: 225px;
}