Skip to content
Submitted 4 months ago

Alternative huddle landing page

accessibility, tailwind-css
rashed-mia•30
@rashed-mia
A solution to the Huddle landing page with curved sections challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • complete with Tailwind CSS
  • making layout flex and grid
  • learn positioning
What challenges did you encounter, and how did you overcome them?
  • I have faced a challenge in the footer
  • It's hard to make an absolute positioning
What specific areas of your project would you like help with?
  • It's time to go footer
  • Header is an amazing part
  • and a pop-up card in the footer
Code

Please log in to post a comment

Log in

Community feedback

  • Daniel Ayeni•1,240
    @Dannimations

    Well, I think you submitted the project in the wrong place, but I understand what you were trying to do.

    For starters, you can try changing the appearance of the buttons and links when they're being hovered over, to give some sense of user functionality.

    You can achieve something like that using the 'hover' state attribute in the css

    button:hover{ }

    and then put the properties of the hover in the curly braces.

    Then for the footer, I had issues with it before, but I think you nailed it. Just use a basic flexbox for the layout, and if the div's are put in the right place, everything kinda falls into place automatically.

    Hope this helps:)

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