0

enter image description here

I have an svg

<svg style="height: 100%" viewbox="0 0 100 25" preserveAspectRatio="none">
          <path fill="blue" d="M0 30 V12 Q30 17 55 12 T100 11 V30z" />
 </svg>

I want the lower part of the svg to reach the bottom of the screen ? How can I do it ? I want the lower portion of the svg to the end of the page (even if its long enough to scroll)

1 Answers1

2

<svg style="min-height: 100vh"viewbox="0 0 100 25" preserveAspectRatio="none">
          <path fill="blue" d="M0 30 V12 Q30 17 55 12 T100 11 V30z" />
 </svg>

I think you can do it with min-height set to 100vh.

Nicolae Maties
  • 2,476
  • 1
  • 16
  • 26