/* mobile-first layout */

/* Small phones */
@media (min-width: 50px) {
    
    .item-container {
        display: flex;
        gap: 1em;
    }

    #align-items-items {
        height: 200px;
    }

}

/* Large phones */
@media (min-width: 480px) {
    
}

/* Small tablets / large phones */
@media (min-width: 600px) {

    #align-items-items {
        height: 350px;
    }

}

/* Tablets */
@media (min-width: 768px) {


}

/* Small laptops */
@media (min-width: 1024px) {


}

/* Desktops */
@media (min-width: 1280px) {


}

/* Large desktops / wide monitors */
@media (min-width: 1536px) {
    
}