P
@fsahinbas
Latest solutions
Multi page Space tourism using app router with nextJs
#next#react#tailwind-css#framer-motionSubmitted 8 months ago
Latest comments
- @MesrouaDjamel
hi congratulations for your work your design is very close to the proposed design, you can bring some improvement to your project:
- mobile is not responsive => use flex direction column and for desktop flex direction row
- for the button you can add a transition
- @Deeperr0What specific areas of your project would you like help with?
Any advice regarding the optimization or improving the user experience would be great
@MesrouaDjamelcongratulations for your work, your design is close to the proposed design. i have some suggestions : you can try using framer motion for the animation, you can animate the image and the content more simply,
- P@Towbee05@MesrouaDjamel
congratulations on your work your design is close to the proposed design. some remarks to improve your design: the footer and the email section should be full width. for md and lg device it's not responsive and there's a problem with mobile nav i think the problem comes from the margin, you can try to reduce it, otherwise excellent work
- P@Towbee05@MesrouaDjamel
excellent work your design is close to the proposed design your site is responsive just a small remark the text must change when you change the image
- P@robcrockWhat are you most proud of, and what would you do differently next time?
I enjoyed coming up with interesting solutions to different layout problems.
What challenges did you encounter, and how did you overcome them?There were some responsive challenges and still don't think I nailed it on the image position for mobile, but that could be something to revisit later.
What specific areas of your project would you like help with?I'd love tips to improve my responsive layout and the way I handled images.
@MesrouaDjamelhi congratulations for your work it is very close to the proposed design you can make some adjustment to make it more responsive :
In your code you had put md:grid-cols-4 i think it's better to put md:grid-cols-3 and lg:grid-cols-4
also for the InteractiveVRSection component you can try flexbox and the second div use translate-x and translate-y good work and have a great day
- @G-GakiiWhat are you most proud of, and what would you do differently next time?
- my initial Tailwind project
-The capability to apply a hover effect to an image
What specific areas of your project would you like help with?How to implement hover effects using custom CSS, while the custom CSS is functioning elsewhere but not on hover.
@MesrouaDjamelhi congratulations on your work your design is very close to the proposed design, you can make improvements by adding animation to the hover.
