Responsive meet landing page using CSS Grid and React

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

I decided to start this project by initializing it with React because I saw components in the Figma file and thought it would help to break it up into components. However, that was overkill for this challenge.

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

I big challenge I encountered was how to display the main hero banner, header text content, and left and right images at full widths. I initially tried to use flexbox but ran into trouble because the items would get squished in smaller viewport ranges.

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

I'd like help with the bottom footer image. I added media attributes and source tags for different screen sizes, but I'm not positive if I forgot a height or width attribute and whether that's necessary or not.