four card feature section

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

most proud :

• worked with CSS grid and flexbox
• added media query for larger screens -used mobile first approach for the first time

what i would do differently:

• transition more smoothly when going from smaller screen sizes to larger ones

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

challenge and solution 1: how to code the design for the desktop version of the challenge solution: i learnt more and practised css grid on w3schools before attempting and also learn negative margin values

challenge and solution 2:

• how to create the box shadow around the cards: I had searched up the box shadow property and there was a site you can copy and paste from, once i found a good shadow that looked similiar to the one in thre design, i then used the dev tools to adjust the color and blur to get it closer to the design.

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

i would like help on:

• if there was a better way to layout the four cards on desktop and mobile
• any bad practises that i need to stop before going for my next project -how to layout the design better on mobile so it looks smoother when going from smaller screen sizes to larger ones
• anything else that you spot is not the right way

any feedback would be appreciated, thank you