Dotted line css

[michell]

Hello!
I added a styling for the lines in css and it works for most browsers. But in safari and on the smatphone it doesn't work. Can you tell me what i have to change so it works everywhere?

Thats the code i used:
.lay-hr {
height: 2px;
background-color: #ff0000;
background:
radial-gradient(circle closest-side, red 100%, #0000)
0/5px 100%; /* 20px = 20px + 20px */
}

And this is the website:
https://amoreamore.online/home/

Thanks!

[arminunruh]

probably the css is just not understood by all browsers

u could use https://developer.mozilla.org/en-US/docs/Web/CSS/border-style
a border that is dotted instead of your css

like

.lay-hr {
height: 1px;
background-color: transparent;
border-bottom: 5px dotted red;
}

maybe closest-side is sth that some browsers understand, others dont, idk!

you could try to simplify your radial-gradient css statement and try out if it works

[michell]

Perfect! Thank you!