Skip to content
Submitted 11 months ago

Huddle Landing Page Challenge built with Tailwind CSS

Dean•480
@Deanogit
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello, my name is Dean, here is my first solution for 2024!

I thought this project would take me 3 hrs to complete, but in fact it took much longer as I built it first in a complicated way. I built it using Mobile-first, but got confused with the layout with flex, then tried grid.

I realised I could simplify the build by placing the header and footer outside of the flex container.

Please let me know if you have any tips or feedback,

Thanks for looking :)

Community feedback

  • Abbas Sher•480
    @Abbassher55Posted 11 months ago

    I have reviewed your solution and found that you have done a great job. However, I have some suggestions for you.

    • First, be mindful of the <div> tags; there is one extra closing div tag after the footer. This can often cause issues, especially when using frameworks or implementing backend logic.

    • Consider applying a transition to the register button so that the color changes smoothly on hover.

    • On mobile screens, check the heading size and also add a bit of padding to the bottom of the social media links.

    Apart from these suggestions, in my opinion, you have done a GREAT JOB. I encourage you to maintain this level of excellence and keep up the OUTSTANDING WORK!

    Marked as helpful
    1
    Dean•480
    @DeanogitPosted 11 months ago

    @Abbassher55 Thanks for taking a look at my code :)

    0

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