P
@marcello88cSubmitted about 2 months ago
Latest solutions
Ping single column coming soon page
#react#vite#tailwind-cssSubmitted about 1 month agoNo help needed!
Latest comments
- @vgarmyPosted about 1 month ago
Hi you over all design is good, but you could wrap up the code in a <container> and use flex to center the content.
Marked as helpful1 - P@haleigh27Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I placed more focus on using aria-labels in this project.
What challenges did you encounter, and how did you overcome them?I found it a little challenging to style the radio and checkbox according to to design. I eventually came up with a solution which works but I'm guessing there is probably a better way to do it.
What specific areas of your project would you like help with?All feedback and suggestions for improvement are welcome.
@vgarmyPosted about 1 month agoYou've demonstrated strong coding skills with well-structured and clean code. Your next step could be to explore React Vite for a faster development experience and consider using a CSS framework to streamline styling.
0 - P@nishanth1596Submitted about 2 months agoWhat specific areas of your project would you like help with?
Any feedback is appreciated
@vgarmyPosted about 2 months agoYour use of Tailwind CSS and Vite is superb, showcasing a deep understanding of modern front-end development. The solution is exceptionally well-structured, efficient, and visually stunning. Overall, an outstanding implementation that delivers both performance and aesthetics flawlessly.
1 - @HarshXchSubmitted over 1 year ago@vgarmyPosted about 2 months ago
Your use of React and Framer Motion in this project is really well executed! The animations feel smooth and add a nice interactive touch to the rating system. It's great to see how you've structured the motion variants and staggered transitions to create a fluid experience. Keep up the great work with React programming and motion effects!
0 - P@marcello88cSubmitted about 2 months ago@vgarmyPosted about 2 months ago
Hi! Your app looks great on both desktop and mobile. However, you should remove max-width: 1600px; from the body. I have a large screen, and that restriction messes up the alignment of the calculator.
Also, consider skipping type="number" in the input fields—it’s unnecessary and can be restrictive. By the way, I noticed you're using rem for sizing, which is great! It really helps with scalability and makes the design more flexible across different screen sizes.
Marked as helpful1 - @YarAllyMehrineSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
The first time i actually use Tailwind CSS since i have learnt it. It is much more complicated than expected due to the new version.
What challenges did you encounter, and how did you overcome them?The jQuery facilitates the DOM Manipulation but it cannot be used every time especially in JavaScript function.
What specific areas of your project would you like help with?I need help to understand why I couldn't use Tailwind CSS theme and other utilities. I had to use CSS alongside Tailwind CSS (:root instead of @theme). Also, I couldn't get the Desktop layout well, try multiple approach. There is a possibility that there is an existing CSS that is creating a side-effect to prevent the layout to turn out as expected, but i need help on that. Thanks.
@vgarmyPosted about 2 months agoThe learning experience with Tailwind has been enjoyable, but at times it also presented difficulties in achieving the desired responsiveness. That said, I find the design overall to be very good and the layout clean and effective.
I would start with setting a width for the section so it dosent span over the screen,
Marked as helpful1
