Four Card Feature Section solution using CSS Grid & Flexbox

What challenges did you encounter, and how did you overcome them?

Placing the cards in the unique layout as seen in the design brief was a challenge. Initially I tried to achieve the result with CSS Flexbox. I was able to make it work but with a lot of hacks. Then I came across CSS Grid layout and it was the much easier and cleaner solution with less code to achieve the same result. It was easier to create a responsive layout with Grid.