html and css

Hello there 👋. Good job on completing the challenge !

• You can use the CSS background properties on the body element to set the background

  body {
    background-color: hsl(225, 100%, 94%);
    /* This is the updated path of the url */
    background-image: url(./images/pattern-background-desktop.svg);
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 100vh;
  }
  

  Also, the background property is shorthand for all the properties mentioned above:

  background: hsl(225deg, 100%, 94%) url(./images/pattern-background-desktop.svg) no-repeat left top/contain;
  

  References:

  • CSS background Property

  • Background property

  • Background-repeat (MDN)

CSS Reset 🔄:

• You should use a CSS reset. A CSS reset is a set of CSS rules that are applied to a webpage in order to remove the default styling of different browsers.

  CSS resets that are widely used:

  • Reset CSS
  • "My Custom CSS Reset" by JoshWComeau

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!