All solutions

I built this project this way because I wanted to try out some of React's more complex hooks rather than just using state for everything. Please comment with any critiques you may see. I'm looking to learn and get better :)

I was practicing writing my code to be more responsive and maintainable. My attempt was to use as few fixed units as possible on this project, and write my CSS as minimalistic as possible. If you see any way I could improve my code. Please leave me a comment. Any sort of constructive criticism is welcome.

I pushed myself to try new design techniques that I haven't used before i.e.: grid, picture tag, and mobile first design. I am happy with the way the mobile version of the site turned out, but I am having some issues with the desktop layout.

1. I am trying to say away from setting the picture on the right as a background image and using it as a component on the page itself. I am having problems with getting the image to resize at different screen sizes. Its either too large and extends out the parent or too small.

2. I would like the size of my <h1> to get large when the screen size gets larger. I'm happy with the sizing at mobile view, but I feel it's too small on desktop view.

If you have any feedback on how I can fix these issues. Please leave me a comment. I welcome any kind of constructive feedback I can get.

This is my first project writing my own Javascript code from scratch. Please comment with any critiques you have. I am looking to get better with my code, and I welcome any kind of feedback I can get to help me improve.