@import '_mixins';

@include woolook-collection-one;

.woolook-collection-one{

    .woolook-items{
        display: grid;
        min-height: 570px;
        grid-gap: 15px;
        grid-template-columns: 1fr;
    }

    &[data-desktop="2"] .woolook-items{
        min-height: 400px;
        grid-template-columns: 1fr 1fr;

        .woolook-item{
            &:nth-child(1){
                grid-column: 1/2;
                grid-row: 1/3;
            }
    
            &:nth-child(2){
                grid-column: 2/3;
                grid-row: 1/2;
            }
    
            &:nth-child(3){
                grid-column: 2/3;
                grid-row: 2/3;
            }
        }
    }
}