CSS Gradient, flex and media query

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

I learnt and used many different CSS properties. I have made the component as responsive as possible.

I always develop the desktop/ laptop view first. Next time I'll try the mobile-first approach.

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

There were a lot of components. It was a task to group components to style properly. I kept rewriting CSS and grouping as I went ahead with each element.

I always define the height and width of the main component relatively. However, in this challenge, it didn't work to solve responsiveness. I then switched to fixed dimensions for the main container and wrote media queries for responsiveness.

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

I approach development by first creating and styling the basic layout. Further ahead, I like to add and style elements individually, as it works best for me.

I would appreciate it if I could learn about a more standard approach.