Responsive QR code page with React

Solution retrospective
I am most proud of how I was able to interpret the design and reproduce it closely.
What challenges did you encounter, and how did you overcome them?I encountered challenges deploying my project to GitHub Pages. When I viewed the deployed site, I was only getting a blank page. To get it working, I deleted my workflow file, then checked the Vite documentation and found their pages for Deploying a Static Site and Static Asset Handling. I made these changes:
- Set the correct base in
vite.config.ts
- Moved the QR code image into
src/assets
- Imported the image using an
import
statement so that Vite would resolve the image path correctly in both dev and prod
Once I made these changes, the deployment went smoothly.
What specific areas of your project would you like help with?I would like critiques on my CSS, which is in these files:
- src/App.css
- src/index.css
Is there anything I could have done better or more efficiently?
Also, my design does not reproduce the intended design perfectly. What can I change to get closer to the intended design?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Ian Valentine's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord