Centering content

Hi there,

I’m trying to do something ‘seemingly simple’ but that’s never the case lol

Does anyone know how I can replicate this red and white checked banner border on this website (

Any idea what im doing wrong here ,why is the image stretched and distorted even if its high quality?

Thanks in advance

[This link was moved from the title ]

try an svg border?

or something like…

background-image: linear-gradient(90deg, rgba(200,0,0,.5) 50%, transparent 50%),
linear-gradient(rgba(200,0,0,.5) 50%, transparent 50%);
background-size:10px 10px;
1 Like

thanks so much,you hit the nail on the head.

high fives!

I renamed the title of this thread as it was just a link that provided no context.
The link was moved to the bottom of your post.