Centering content

HTML-CSS
1

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 (http://ginas.co.nz/)

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 https://codepen.io/nightcoder21/pen/bMVxxa ]

2

try an svg border?
https://css-tricks.com/websites-generate-svg-patterns/

or something like…

background-color:white;
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
3

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

high fives!

4

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.