Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle Landing Page With React & Tailwind CSS

P

@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

@0xabdulkhaliq

Posted

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 for div 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 have 1920px width then the div will face width error due to max-width declarations
  • So feel free to remove max-w-[1440px] utility class from div 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 GitHub
Discord logo

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