79531092

Date: 2025-03-24 12:43:24
Score: 0.5
Natty:
Report link

Hi,

u can easly achive it with flexbox. Just define in your container display to flex, flex direction as a column and for elements property flex-grow to 1 what expand your items to container height (so u need to specify your container height (here e.g. 150px)).

Working example below:

    .cs-btn-print, .cs-btn-nprint{
      background-color: #0071bd;
      color: white;
      width: 100%;
      padding:1rem;      
      border-radius: 0.5rem;  
    }

.col-md {
    height:150px;
    display:flex;
    flex-direction: column;
}

.col-md button {
    flex-grow: 1;
}
    <div class="col-md">
      <div class="row"></div>
      <button id="" type="button" class="cs-btn-print">Print</button>
      <button id="" type="button" class="cs-btn-nprint">Non-Print</button>
    </div>

Cheers

Reasons:
  • Blacklisted phrase (1): Cheers
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Low reputation (0.5):
Posted by: Gandalf the Gay