html and css

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 10 months ago

  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!

  Marked as helpful

  1

  ---

  

  Shaima'a Redhwan•80

  @Shaimaa12319Posted 10 months ago

  Thank you for your edit, it is useful @MelvinAguilar

  0