TwoRowGrid

by peterjc

HTML

<div class='cc container'>    
    <div class="item1 row align-items-stretch">
        aaaaaaaa
    </div>
    
    <div class="item2 row align-items-end">
      bbbbbbbbbb        
    </div>
 </div>

CSS

html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.cc {
  height: 100vh;
  background: blue;
}
.item1 {
    background: pink;    
}

.item2 {    
    background: yellow;
 }