Four Card Feature Section

It was a fun project to make.

My main takeaways were.

1. When you give sizing to SVGs and also pictures most of the time its best to use px and not Rem, because if you give Rem your SVGs or Images will grow as your responsive design by increasing screen size.

2. The way the 4 cards are positioned in a cross pattern,when using CSS Grid, it is not very intuitive how many rows and columns to make, because the side column visually look like they start in the middle of grid cells. You solve this problem by giving each card 2 row cells. I used a Grid of 3 columns and 4 rows to create the design.

Thank you for reading.