Huddle landing page with alternating feature blocks

Community feedback

• 

  Ramsay Sewell•585

  @ramsaysewell

  Posted almost 5 years ago

  Hi Abhijit,

  Great job on this solution, it looks really good and responsive.

  Here are a few tips for how we can make this look closer to the design:

  • For the .nav-logo image, I would wrap this in it's own <div> instead of using the <img> tag as a Flex Item. This will help make sure that the <img> retains it's aspect ratio and isn't stretched because of Flexbox.
  • The .intro-header-box-flex can have a max-width set of around 1200px and then margin: 0 auto;. This will make sure you keep the background stretched to the edges and the content is restricted to it's width, let me know if this works.
  • For the footer social images, these were given in your /images folder and so you should be able to insert the SVG into your HTML document, allowing you to change the fill property. Check out CSS-Tricks for help on styling SVGs.

  I hope these tips are useful and none of it confuses you.

  Let me know if there's anything I can help with.

  Ramsay

  13