Four card feature section

What are you most proud of, and what would you do differently next time?

Nothing I am particularly proud of, but this was my first time using grid so I'm pleased I was able to make it work.

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

I couldn't figure out how to get the horizontal diamond layout on the desktop view, so I searched the solution on discord and took a peak at how someone else had done it, their solution worked but I am not sure how/why it works, so I have some learning to do there.

What specific areas of your project would you like help with?

• Box-shadow and coloring: Because the design doesn't have much contrast, I couldn't tell how close I was with the coloring and box-shadow. In particular, it looked like there was a slight blurred shadow on the sides of the cards but I wasn't able to replicate it.

• My ' Team builder' and 'calculator' containers are slightly taller than the other two, I think this is due to the <p> length within them, but I don't know how to control this without impacting the flexibility of the elements.

• I used code that someone else had written for this solution to be able to get the horizontal diamond layout that is required for desktop, it worked but I am not sure how/why, if anyone could explain that would be helpful, see below:

.grid-container { grid-template-columns: repeat(2, 1fr); align-items: centre;}

.top-color-darkblue { grid-column: 3/4; grid-row: 1/3;}

What I don't understand is what the '3/4' and the '1/3' are referencing, as there is no 4th column in the grid and there is no 3rd row either. I suppose they could be fractions of something, but they are not positioned 3/4 across or 1/3 down...

Other than those points, any critique is welcome and appreciated :)