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 | HTML, SCSS, React

Huy Phan 1,360

@huyphan2210


Design comparison


SolutionDesign

Solution retrospective


Hi😁! My name is Huy, and this is my solution for this challenge. It's been a long time since my last challenge. I did this in my free time.

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page

What I used🚀:

  • Framework/Library: React
  • Language: Typescript, HTML, SCSS

Thank you for viewing! Cheers🎉

Community feedback

P

@MihaiChirilov

Posted

Hello Huy, I find your solution excellent! I really like that you made really simple, just using HTML and CSS. Great job! I only have 1 suggestion for you to improve the solution:

  • set a max-width of the entire page (maybe 1444px). I have a screen with 5120px width and when I view the page, everything get spread across the entire screen. Which makes it a little hard to read. On smaller screens this is not an issue. I think having a max-width gives a better UX for people with wide screens.

In any case, I really admire your commitment to frontend development and your continuous work on these projects! Thank you, Michael

Marked as helpful

0

Huy Phan 1,360

@huyphan2210

Posted

@MihaiChirilov Thank you for your compliment, Michael. I will look into what you said and may apply it to my future challenges.

1

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