Responsive page with grid(Desktop) & Flexbox(Mobile)

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

This project I am proud of using grid to make elements stay in the respective areas and stretch them to it full width and height in the container

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

I had difficulty with aligning items of the grid in desktop layout, I have read article about grid layout which made it easy for me to align items and gave me much deeper understanding of grid layouts

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

I would like help with reducing CSS code, how can I optimize the code, I am not sure I have use correct semantic HTML, any feedback is appreciated, Thanks