Responsive Huddle landing page using HTML and CSS

Community feedback

• 

  T

  Grace•31,270

  @grace-snowPosted almost 4 years ago

  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

  ---

  

  Maya Buser De•40

  @mayabuserdePosted almost 4 years ago

  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