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