<div class="grid">
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
    <div class="grid__item"></div>
</div>

* { 
   margin: 0;
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(auto, auto);
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    
    &__item {
        grid-column: span 1;
        
        border-left: 1px solid black;
        
        &:nth-child(1) {
            border: 0;
        }
    }
}