image
I made a razor blade shape for my website but it has two thin lines on the right and left
.footer-left {
display: flex;
position: relative;
width: 60%;
background-color: #7843E6;
z-index: 1;
box-sizing: border-box;
}
.footer-left::after {
content: "";
position: relative;
border-left: 7vw solid #7843E6;
border-bottom: 100vh solid #18181B;
z-index: -1;
} enter image description here
How can I remove these lines?
New contributor
Soleus is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1