All works and fully responsive.
What challenges did you encounter, and how did you overcome them?How to render specific images in React based on screen sizes. Found the same solution both on Stackoverflow and on MDN docs and it works perfectly
What specific areas of your project would you like help with?Any other tips on how to render specific images in React based on screen sizes are welcome!
Looks fantastic! Slightly different dimensions than the original but design still looks great.
The bold parts of the instructions look a little large compared to the text following them and the card itself looks a little narrow for larger screens, but it's cool that you used your own image and font for the design! The shadow is a nice touch as well.
There's a lot of empty space at the bottom and the name is a bit too small to immediately draw someone's attention to it, but otherwise looks great! I like the rounded buttons especially.
Looks great! The only thing is that it looks like the text could use more of a left margin to line up with the image better.
I am proud of this project because it was my very first Front End Project, so I felt like an introduction for how my nexts projects will work. Feeling excited for the journey.
What challenges did you encounter, and how did you overcome them?The challenge that I encounter was to deploy the React App on GitHub Pages. I thought it would take me less time that it actually took. I had to go through several tutorial and ask for help to understand them. Eventually this one was the one that helped me the most: Deploying a React App* to GitHub Pages
I am glad that I learned how it is done now and hopefully for the nexts projects I will fell more prepared.
Looks great! I had the same challenges as you as far as deploying the React app to GitHub Pages.
