responsive page using css & html

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

I enjoyed this challenge even though I know there are flaws. I am hoping to get feedback so that next time I try this challenge I will improve.

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

The biggest challenge I had was utilizing grid for the desktop version of the page. I was attempting to utilize online resources to get it just right but was unable to as of yet.

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

I know my solution is not perfect so I am open to any and all feedback to improve. I am aware my code is likely too long so if I could get suggestions to simplify that would be appreciated. Also, if I could get tips on how I can improve the spacing more accurately on the header on desktop version using grid or flex box I would be grateful as well. Thank you!