Skip to content
Submitted over 3 years ago

Huddle landing page with single introductory section with SASS and FA

Rael•270
@Raelian
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 thought this would prove to be an easy challenge, sadly, due to my mistakes it turned into a very complicated tangled yarnball of a mess. Looking back, I could of done it better but by the time I realized where I made mistakes it was already too late and I wasn't looking forward to starting from scratch after spending almost three days on it so I simply patched it as well as I could and moved on.

Not my proudest work but I'll still walk away with some lessons learned. ^^'

As always, any feedback and constructive criticism is welcome! ^^

Community feedback

  • tediko•6,680
    @tedikoPosted over 3 years ago

    Hello, Rael! 👋

    Congrats on finishing another challenge! Your solution looks very good and also responds well. Don't be so hard on yourself and don't make time pressure to finish fast this challenges. Take a time and take from them as much as you can, no need to rush. Here's my few tips:

    • Instead of styling your icons within .footer__link you can just apply these styles to .footer__link to center icons both vertically and horizontally:
    width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid white;

    Then you can remove styles from .footer__link > i selector.

    Good luck with that, have fun coding! 💪

    1
    Rael•270
    @RaelianPosted over 3 years ago

    @tediko Thank you! ^^ And thank you for the advice, I was actually considering how to do that properly and ended up with the mess before you. I'll take your advice in the future and use your suggestion!

    Thanks again! ^^

    1
    tediko•6,680
    @tedikoPosted over 3 years ago

    @Raelian Try to remember that Flexbox is perfect for laying things in your conteiners. And by container I mean every element that have some item within to align :D No problem, good luck! :)

    1
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    It is not a easy challenge but you did a great job with it. It looks really good ⭐⭐⭐⭐⭐

    1
    Rael•270
    @RaelianPosted over 3 years ago

    @palgramming Thank you for the kind words of encouragement. Appreciated. ^^

    0

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