Submitted 9 months ago

Responsive Huddle landing page

Gian Ramelb• 160

@rame0033

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

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,920

@Blackpachamame

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

Gian Ramelb• 160

@rame0033

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

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