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 (Flexbox & Grid)

@NaiWilliams


Design comparison


SolutionDesign

Solution retrospective


I would love tips on getting the background image to look the way it is intended to without editing the svg myself. Any other feedback is also appreciated!

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi there, Nai Williams! 👋

Nice job on this challenge! 👏

I suggest adding the background image to the body tag rather than the html tag and setting background-size to cover so that the background image fills the entire space of the body. You might need to add min-width: 100vh to the body to get it to fill the entire height of the viewport.

Also, I think wrapping the social media icons in the footer of the page in anchor tags (since they seem like links that will take the user somewhere when clicked) would be a good idea. 😉

Hope that helps a little. 🙂

Keep coding (and happy coding, too)! 😁

Marked as helpful

1

@NaiWilliams

Posted

@ApplePieGiraffe Implemented everything you said and it helped a lot, thank you :)

1
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@NaiWilliams

Glad to help! 😀 I just took another look, and the changes look great! 👍 Good work! 🙌

0
P
Patrick 14,325

@palgramming

Posted

you need to remove the height: 100%; off your * selector that gets all your text positioned together again also

Marked as helpful

1

@NaiWilliams

Posted

@palgramming Fixed, thanks I was confused as to why the screenshot was showing up like that on my end.

1

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