Submitted over 1 year ago
Huddle Landing Page With React & Tailwind CSS
@gumrahsindar
Design comparison
SolutionDesign
Solution retrospective
This is my very first project with React and Tailwind CSS. Any feedback will be gratefully received.
Community feedback
- @0xabdulkhaliqPosted over 1 year ago
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
- I have other recommendations regarding your code that I believe will be of great interest to you.
COMPONENT MEASUREMENTS 📐:
- The
max-width: 1440px
property fordiv
is not necessary. because it's a block level element which will take the full width of the page by default.
- Actually this will cause issues for the device screens which are more than
1440px
of width, this measurement will suites for hd monitors only. What for full hd monitors they have1920px
width then thediv
will face width error due tomax-width
declarations
- So feel free to remove
max-w-[1440px]
utility class fromdiv
this will help you to write efficient code and makes your code more reusable.
.
I hope you find this helpful 😄 Above all, the solution you submitted is great !
Happy coding!
0
Please log in to post a comment
Log in with GitHubJoin 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