Advice generator with Vanilla JS and CSS

Hi there. You did a good job, Keep up the good work

• about the svg, you can have a div in your html and then use the svg as its background image

div. {
        background-image: url("pattern-divider-desktop.svg");
        background-repeat: no-repeat;
        height: 16px;
        background-position: center;
        background-size: contain;
    }

I hope this was helpful

Good luck and Happy coding!

In addition to the method above, I have also been using the code snippet within the HTML file to accomplish responsive images.

<picture>
          <source media="(min-width: 500px)" srcset="[bigger-image]" />
          <img src=[smaller-image] alt="" />
 </picture>