Responsive mobile design & desktop

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

This was my first assignment here using responsive design by using media queries as I am learning and reading more in depth about responsive design in FEM. I am proud of using the technique of designing by mobile first and then doing the desktop version. I would probably go back and restructure and organize my CSS code more so I am not repeating myself in certain areas. What I would do differently is refactor my code.

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

I had issues with the spacing and sizing and had to play around with it a lot between display flex from how the mobile version looks versus the desktop version where the image was now sitting to the left of the content container this time. I had various online resources I mainly looked by googling and using MDN.

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

I had issues with the hover effect where the if you hover over the button it turns white and not the color that it was intended to be. I have to go back and fix that later or if anybody can kindly advise me otherwise.