SVG shape divider problem

#1

Hello I am having problems adding a slanted SVG to the bottom the banner on this page https://computerwranglers.aioncreative.net/

The problem is that it does not stretch all the across the banner section.

Any ideas?

Thank you

#2

I figured this out. Thanks

2 Likes
#3

Hi,

I looked at your link hours ago but got distracted and you beat me to the punch. :smiley:

You had made a slanted white svg image by using a path element and fill white.
But you happen to omit the viewbox attribute causing the svg to not scale.

I guess you figured that out and solved the problem by adding the viewbox attribute.

You also changed the path element to a polygon instead to shape a slanted white image stretching the full width.

I too think this is a better choice here. :slight_smile:

Well done! :+1:

1 Like