What should I do to this svg background (I'm new here and still learning)
it seems like this svg image that I'm going to put it to the background of my heading section seems a bit smaller than my screen (Svg background seems fit only 1440x but my screen is 2048x. And What should I do or design to make this 'svg' perfect?. I'm quite really hard and new thing for me to design this
![No description](https://cdn.answeroverflow.com/1176136934574280724/Screenshot_2023-11-20_192623.png)
4 Replies
![No description](https://cdn.answeroverflow.com/1176136977448448050/Screenshot_2023-11-20_192653.png)
I had tried width: 100% or fit content but it doesn't fit to my responsive
![No description](https://cdn.answeroverflow.com/1176137551615115274/image.png)
either delete the
width="1440" height="911"
from your svg element and add the sizes in your CSS like this:
or swab their values with 100% in the HTML. I personally prefer adding the sizes in CSS for later adjustments if needed
but for future reference, any styling in the HTML will override your CSS fileanother way to get this design is to throw your background color on the element and use a
clip-path
to create the angle. Something like this: