All solutions

Update: it's working, giant thanks to @at33v!

Ngl I had a hard time doing this project so a few questions:

1. I tried to fetch data on initial render and then onClick but I decided that there was too much redundant code repetition so I made it that initial state is hardcoded and then onClick the state changes to whatever API sends. It works BUT only once and then you need to reload whole site. For contrast, I tried using other API (Chuck Norris API) and it worked just fine, changed on every click. Then on Discord mr Alex recommended that I add a cache header with 'no-cache' value but every time I got TypeError:Network Error along CORS errors. Is there something wrong with API or app? I'm confused about it af.

2. What is the effect on active button state called? I tried doing the "pulse" animation type and then keyframes but I can't quite put my finger on this "dust" effect.

3. I have a problem with Github Pages. I was following mainly this tutorial for deployment https://create-react-app.dev/docs/deployment/#github-pages and it does not work. Any ideas why are welcome

Thanks in advance for answers!

Hello, just finished this project and I noticed/have a question about two things. First I have some issues with centering content and its width and height thus my question: are there some best practices considering placement of page/element within body of a page (for example the page width should cover full width of a body, there should be no space between top browser bar and page content itself etc)? Second: is there a way to change src of an image from CSS file media query or it is better to use picture tag with sources? Or perhaps there is a way to interact with source from media query General feedback also welcome!

Hello, I have a few questions regarding this project. First, is it a good practice to use rem instead of fractions while setting up grid-template-columns? Second, I was trying to get data.json data into HTML, I was trying to use jQuery and JavaScript fetch. I failed with first one and second one I realized is rather for APIs than local files. Can somebody explain if there is a way for getting the data with pure JavaScript? I would be thankful for feedback.