Skip to content
Submitted 9 months ago

Huddle Landing Page | HTML, SCSS, React

Huy Phan•2,300
@huyphan2210
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with alternating feature blocks
  • HTML
  • CSS
2junior

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

  • Mihai Chirilov•140
    @MihaiChirilovPosted 9 months ago

    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•2,300
    @huyphan2210Posted 9 months ago

    @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

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