<div class="container">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div> 
</div>

.container {
    display: grid;
    height: 100%;
} 
.container .item { 
    background: rgba(0,0,0,0.5);
    border: 1px solid #FF822F;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 20px; 
}

.container .item:nth-child(odd) {
    background-color: rgba(0,0,0,0.3);
}


/* reset */
body, html {
    height: 100%;
    margin: 0;
    width: 100%;
    font-family: sans-serif;
}