@eradoria
Latest solutions
Front-end/Back-end Kanban Task Management
#express#node#react-router#sass/scss#typescriptSubmitted over 2 years agoReact and SCSS advice generator with dice animation
#react#sass/scss#animationSubmitted over 2 years ago
Latest comments
- @LucasBerta
Hi @eradoria,
Your live website is not working on github pages. Please note when you're deploying a react project, you need to point it to the build, not the root folder. Try doing the below to make your life easier.
Add below to your package.json dependencies: "gh-pages": "^4.0.0" And below to your scripts: "deploy": "gh-pages -d build"
After running yarn/npm install, run yarn/npm build and then yarn/npm deploy. It will automatically create a branch for your build and point your github pages to this new branch.
I hope you find this feedback useful =)
- @great1greta@LucasBerta
Hi Greta, the live page is not working so I can't check what's the issue with the responsivity, but I've seen you didn't use @media queries on your project.
Try to search for "@media css" on google, you'll quickly understand it and will be able to implement it on your project for making it responsive.
Also, try to replace all px units to rem units for a better responsivity patterns. https://www.aleksandrhovhannisyan.com/blog/62-5-percent-font-size-trick/#what-about-625percent
I hope you find this feedback useful =)
Marked as helpful - @Bory3693@LucasBerta
Hey @Bory3693,
Try using rem units instead of px, it's recommend specially when working with responsivity. Here's an article with a brief explanation. https://www.sitepoint.com/understanding-and-using-rem-units-in-css/
I hope you find this useful. Happy coding =)
Marked as helpful - @realgautamjakhar@LucasBerta
Hey there,
Try calling your showadvice function once DOM Content is loaded, at this moment your app is not loading any advice when the page is loaded until the user clicks the dice button =)
- @LucasBerta@LucasBerta
Thanks, lads. I've updated the code using your advices. Much appreciated.
