Submitted 9 months ago

Huddle Landing Page Challenge built with Tailwind CSS

Dean• 480

@Deanogit

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with a single introductory section

HTML
CSS

1newbie

View challenge

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• 440

@Abbassher55

Posted 9 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

Dean• 480

@Deanogit

Posted 9 months ago

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

Please log in to post a comment

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