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

Responsive Huddle landing page using HTML and CSS

@mayabuserde


Design comparison


SolutionDesign

Solution retrospective


My second Frontend Mentor challenge. Tried to use semantic tags as much as possible. The background and styling looks right @1440px but not quite on wider screens. Any feedback and suggestions are welcome!

Community feedback

P
Grace 27,350

@grace-snow

Posted

Hi Maya, This looks pretty good on mobile. Only suggestions I have are to soften the button shadow and wrap those social icons in labelled links (anchor tags)

From the desktop preview it doesn't look like your solution quite matches the design with things like sizes and text alignment. I notice you're using a lot of exact pixel values in css, and that might be tripping you up. It's fine to use extra divs for layout if you need and use things like flexbox and relative units to acheive the design. Eg flex grow, shrink and basis in percentages. Together with properties like max-width, those techniques will help you build really fluid solutions

I hope these ideas help you out. Keep on coding

1

@mayabuserde

Posted

Hi @grace-snow, thank you for your suggestions, they are always great! The desktop design really looks off, I thought it was better than this... must have messed up something in my last edits :). I will look into the relative units and the flexbox things to improve it.

How do I soften the button shadow? I have tried but couldn't figure it out.

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