Https://www.codecademy.com/paths/web-development/tracks/getting-more-advanced-with-design/modules/layout-with-flexbox/projects/tea-cozy

HI, kind of in the weeds here with this Tea Cozy project. I’m trying to get the images to line up as they do in the example- two images on top row, three on bottom row. Any suggestions?

   #store{
        width: 1000px;
       } 
    .flex-container-items{
        max-width:  1000px;
        height: 500px;
        display:flex;
        justify-content: space-evenly;
        overflow-block: ;
        }
     
    h2 {
        text-align: center;
    }

    h4 {
        text-align: center;
    }

    .item img {
        width: 300px;
        height: 200px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 100px;
       

https://www.codecademy.com/paths/web-development/tracks/getting-more-advanced-with-design/modules/layout-with-flexbox/projects/tea-cozy

that over-flow block shouldn’t be there, I was testing it out. here is what the images look like:

1 Like