Advice generator with Vanilla JS and CSS

Community feedback

• 

  Ola•160

  @olamide203Posted over 2 years ago

  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!

  Marked as helpful

  1

  ---

  

  Marija H.•110

  @mh1251Posted over 2 years ago

  @olamide203 Thanks for the feedback and for the tip, I will try it out :))!!

  0
• 

  Asha•1,210

  @livinglifemeaningPosted over 2 years ago

  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>
  

  1

  ---

  

  Marija H.•110

  @mh1251Posted over 2 years ago

  @livinglifemeaning Thank you for the comment, it's really useful and I will keep this in mind for some next challenges :))!!

  0