Four card feature section

Columns

The columns were a little bit tricky for me, I used grid I guess grid is the best way to do this but I'm not quite sure if I chose the correct approach for this. I added some grid-row-start and grid-row to the first and last card. I think that's not the correct way to do it since in the future you would like to add more cards it is going to be necessary to change that.

CSS

.cards-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     place-items: center;
}

.supervisor {
    grid-row-start: span 2;
  }

.calculator {
    grid-column: 3 / 4;
    grid-row: 1 / 3;
  }