Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle landing page with single introductory section

P

@outerpreneur


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

@saodinh

Posted

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

BadT 230

@saodinh

Posted

@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
P

@outerpreneur

Posted

@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
Discord logo

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