Skip to content
Submitted about 2 years ago

Responsive Huddle Landing Page

Draco•160
@dracowarz
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

I have completed the "Huddle landing page with a single introductory section" challenge and have submitted the solution. Anyone is welcome to check my solution and leave feedback to see whether there are any parts I need to improve this solution.

Community feedback

  • David•8,000
    @DavidMorgadePosted about 2 years ago

    Hello Draco, congrats on completing the challenge! great job!

    If you don't mind I would like to give you some extra tips that you can use.

    1. Try adding some transition to your hover items, like the buttons and a tags, they will boost the user experience, and your web will look more modern!

    2. Also on hover, try adding some cursor: pointer; we have to always think that the users of your application are a little 'specials' and maybe they didn't notice that those are links!, adding a cursor: pointer can help them recognize links.

    3. For your mobiles sizes, instead of using max-width: 400px try using a bigger value, you are not targeting that much devices wich such a lower width, mobiles devices usually go from 375px to 768px!

    Hope my feedback helps you in future projects!

    Marked as helpful
    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