*
h1 {
    text-align: center;
    color:white;
  }


  h2 {
       text-align: center;
       color:white;
  }
   
  p {
    text-align: center;
    color:white;
    margin: 1rem auto;
    padding:0;
    text-align: center;
    width:50%;
  }

  {
    box-sizing: border-box;
}
img {
    max-width:100%
}

.container {
    padding:10px;
    height:400px;

    display:flex;
    flex-direction:row;
    flex-wrap:wrap;

    /*justify-content aligns items on the horizontal axis or row flexboxes*/
    justify-content:center;

    /* align-dash aligns items on the vertical axis for non-wrapping row flexboxes*/ 

    align-items:center;

    /* align content aligns items on the vertical axis for wrapping row flexboxes*/

    align-content:center;

    gap:20px;
}

.item {
    padding:10px;
    width:250px;
}