Responsive design with SCSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Zein, congratulations for your new solution!

  Nice work here brother, I've a suggestion for you about the background-size. Here;s my tips:

  You need to add this two properties to make your background display fullscreen height: 100vh; / background-size: contain;. See the code fixes below:

  body {
      height: 100vh;
      background-color: hsl(257deg, 40%, 49%);
      background-image: url(../images/bg-desktop.svg);
      background-repeat: no-repeat;
      background-size: auto;
      font-family: "Open Sans", sans-serif;
      background-size: contain;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Zein•360

  @Zein-MBPosted over 2 years ago

  Hello Lucas! Thanks for your feedback, I'll apply it Happy coding for you too! By the way, congrats for holding the first position in the Wall of Fame clipboard

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @Zein-MB Thank you bro =)

  0