Test

<html><head><style> /* third example */ .call-outs-container { max-width: 1400px; margin: 40px auto 0 auto; /*display: flex; this is adjusted in the @media */ /* justify-content: space-between; this is adjusted in the @media */ /*align-items: flex-start;*/ /*align-items: flex-end;*/ /*align-items: center;*/ /*align-items: stretch;*/ /*default setting is stretch*/ } .call-out { padding: 20px; box-sizing: border-box; margin-bottom: 20px; /*flex-basis: 32.5%;*/ border: 1px solid gray; flex-basis: 32.5%; /*margin-right: 40px;*/ } /* .call-out:last-child { margin-right: 0 } */ @media (min-width: 900px) { .call-outs-container { display: flex; justify-content: space-between; } } .call-out:nth-child(1) {background-color: #c0dbe2;} .call-out:nth-child(2) {background-color: #cdf1c3;} .call-out:nth-child(3) {background-color: #ccb9da;} .btn1 { width: 50%; padding: 10px 0; font-size: 1em; background: #4196ad; border: 1px solid #0b5667;; color: #fff; } .btn2 { width: 50%; padding: 10px 0; font-size: 1em; background: #6f9867; border: 1px solid #3b5238; color: #fff; } .btn3 { width: 50%; padding: 10px 0; font-size: 1em; background: #9e409e; border: 1px solid #790b79; color: #fff; } button { margin-top: auto; } </style></head><body> <div class="call-outs-container"> <div class="call-out"> <h4>Feature 1</h4> <hr /> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit consectetur nobis molestias! Explicabo deserunt. Consectetur adipisicing elit.</p> <button class="btn1">Les mer</button></div> <div class="call-out"> <h4>Feature 2</h4> <hr /> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit consectetur nobis molestias! Explicabo deserunt placeat numquam omnis.</p> <button class="btn2">Les mer</button></div> <div class="call-out"> <h4>Feature 3</h4> <hr /> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit. Quibusdam obcaecati vel, placeat numquam omnis sit.</p> <button class="btn3">Les mer</button></div> </div> </body></html>