Bryan Li• 3,550
@Zy8712
Posted
To answer your question, one way you can implement the divider.svg so that it changes for different screen sizes is using the <picture> tag. Here is what I did for mine:
<picture>
<source media="(max-width:420px)" srcset="./images/pattern-divider-mobile.svg">
<img src="./images/pattern-divider-desktop.svg" alt="divider_img">
</picture>
What this does is that it uses the image inside the <img> tag by default, unless the screen size is less than 420px. You can do something similar to that.
Hope I was able to help 👍
1
