Skip to content
Submitted 11 months ago

Responsive Huddle landing page

Gian Ramelb•160
@rame0033
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 tried to apply here what I learned from the feedbacks I got from my last two attempts on blog page and qr code challenges.

I am still learning on using less pixel unit and implementing percentage, vh, vw, rem, and em as measurement. Also, still learning for proper flex and grid alignments. All feedbacks and suggestions are highly appreciated. :)

Community feedback

  • Marcos Travaglini•4,840
    @BlackpachamamePosted 11 months ago

    Hey Gian! It turned out great on you. Maybe you can add a transition to the hover effect of the buttons to make it cooler, more info. An example:

    .btn a {
    color: hsl(257, 40%, 49%);
    background-color: white;
    padding: 20px 90px;
    border-radius: 50px;
    box-shadow: -2px 0px 22px #4f2776;
    transition: all 0.5s ease-out;
}
    Marked as helpful
    0
    Gian Ramelb•160
    @rame0033Posted 11 months ago

    @Blackpachamame thank you for this.

    I am not really used to doing it yet but will check this one out. Appreciate this info about transitions 😄

    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