Social proof section with HTML, Sass and Bootstrap

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Ricardo, congratulations for your new solution!

  Here's some tips to improve your page alignment to center:

  I saw that you've used html body main to manage the background, this is not a best practice, you should add this properties to a single element, this case is better the body

  The propert alignment for your container

      width: 100%;
      min-height: 100vh;
      /* height: 100%; */
  

  body  {
  html body main {
      width: 100%;
      min-height: 100vh;
      /* height: 100%; */
      display: flex;
      flex-direction: column;
      font-family: "League Spartan";
      padding: 0 50px 0 50px;
      background: url(images/bg-pattern-top-desktop.svg), url(images/bg-pattern-bottom-desktop.svg);
      background-repeat: no-repeat;
      background-position: left top, right bottom;
      align-items: center;
      justify-content: center;
  }
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Ricardo Fuentes Urbina•370

  @RicardoFuentes437Posted over 2 years ago

  @correlucas Thank you so much for your feedback, i still have some trouble with containers and backgrounds but this is really helpful, i'll try implementing it in the next challenge to see how it goes, thank you again :)

  1