Skip to content
Submitted almost 3 years ago

Huddle landing page with single introductory section

Aleksander Tysklind•860
@outerpreneur
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

Hi! Im back at it after the break!

here is my solution to this challenge. Im starting to do some more effort into responsiveness.

For this challenge, I don't know how to make the image adapt to the size of the screen of a smaller device. Any ideas?

I also struggle with the fontawesome icons. For some reason, they don't appear on my project. I have added the stylesheet and the CDN address.

Community feedback

  • BadT•230
    @saodinhPosted almost 3 years ago

    About the font-awesome icon, trying changing the 'href' to this link instead "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css".

    Marked as helpful
    0
    Aleksander Tysklind•860
    @outerpreneurPosted almost 3 years ago

    @saodinh Thank you!

    That worked

    0
    BadT•230
    @saodinhPosted almost 3 years ago

    @outerpreneur You're welcome. I also noticed that you didn't use flexbox properly. Like setting "display: flex" on <main> element almost did nothing since it has only one direct child. You should learn more about flex-box and redo this challenge. You can always look at other's solutions to see their approach.

    0
    Aleksander Tysklind•860
    @outerpreneurPosted almost 3 years ago

    @saodinh You're right! I don't know what I was trying to do with that. I started this project 15 days ago and then I got caught with all the Christmas celebrations. I believe I was testing something then I forgot to remove it.

    I am doing a few Flex-box and CSS grids courses/ tutoririal parallel to these projects. If I get too much theory without practice, it is helpless. So I do exercises no matter the result, then I get back to theory. I will certainly redo some exercises once I'm more knowledgeable. Thanks for your feedback.

    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