Responsive results summary component using Tailwindcss, Vite and React
Design comparison
Solution retrospective
This is my first ever React project. I'm glad I was able to implement the concepts I learned to create something. Next time I will utilize TailwindCSS's mobile first approach which only became clear to me towards the end of this project.
What challenges did you encounter, and how did you overcome them?Deploying a React and Vite site was a bit tricky but I read the Vite documentation. Additionally the Tailwind documentation cleared up the concept of responsiveness in Tailwind. I figured out that you can pass hsla as one time values in Tailwind if you use square brackets[ ] and no space in between the characters instead of extending the colors for one time use.
What specific areas of your project would you like help with?As a pure React beginner, any feedback will be welcome. I don't even know enough to know what I don't know yet.
Community feedback
- @IzykGitPosted 3 months ago
Good job!
In your code you have wrapped everything in divs, however semantic HTML still applies in react. I used to be guilty of this myself but when making new pages or components I like to try and utilize other semantic tags instead of generic tags like divs. So tags like <main>, <section>, <form>, etc.
Keep up the good work!
Marked as helpful1@DazankPosted 3 months ago@IzykGit Thanks for the feedback. I'll take that into account going forward.
0
Please log in to post a comment
Log in with GitHub
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