So I have a site where I used border bottom to create some rounded divider lines but I noticed on my iPhone the borders are not being rendered square instead of round. Anyone know what causes this and whether it can be fixed?
Here is my site Read-Only:
( how to share your site Read-Only link)
Can you share a read-only link?
The website is:
A share link will help us review your project and provide better answers for you. You can find out how to provide a share link here:
I think that the iPhone engine is rendering a dotted border this way…
You've probably used CSS's border property often, and in almost all cases you've probably set the border-style value to "solid", which looks exactly the same in every browser.
We all know there are other values for border-style, but it's likely...
This article mentions browsers and not OS, nevertheless, I believe that is the issue.
Solution- Use SVG? could be also inline SVG
Cool that should work. Thanks for your help!