How to make Stripe like gradient triangle?

Hey everyone,
I am trying to figure out how to make a gradient like Stripe has, I tried using a shape and skewing it. But, I need the same responsiveness that Stripe is using.

If you can help me out it would be greatly appreciated!

Example:

Hey Royce!

Take a look at this video from the Flux Academy. This should show you how to accomplish what you need:

1 Like

Hey, thank you! This helped, but in the video the guy puts 120% width on the diagonal part so it doesn’t show the gap on the left side, but its not working for me.

Care to share your Read-only link with me so I can have a look?