.wrapper{
    width: 580px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.block{
    height: 180px;
    width: 180px;
    background-color: #999;
    margin: 5px;
    display: flex;
}
.orange{
    background-color: orange;
    width: 60px;
    height: 60px;
}
.top-left{
    align-items: flex-start;
    justify-content: flex-start;
}
.top-middle{
    align-items: flex-start;
    justify-content: center;
}
.top-right{
    align-items: flex-start;
    justify-content: flex-end;
}
.middle-left{
    align-items: center;
    justify-content: flex-start;
}
.middle-middle{
    align-items: center;
    justify-content: center;
}
.middle-right{
    align-items: center;
    justify-content: flex-end;
}
.bottom-left{
    align-items: flex-end;
    justify-content: flex-start;
}
.bottom-middle{
    align-items: flex-end;
    justify-content: center;
}
.bottom-right{
    align-items: flex-end;
    justify-content: flex-end;
}