Nice work!
Though it looks a pixel out on my device, where the borders overlap.
dev-to-uploads.s3.amazonaws.com/up...
fix:
.card:nth-child(odd)::before { left: 0px; top: -5px; bottom: -4.5px; border-width: 5px 0 5px 5px; border-radius: 50px 0 0 50px; }
Ah, it is only now that I realise that the original example was using 4.5px.
Jatin, what was the reason for this? What is your default browser?
Well, I am using Edge browser, It was only a pixel out in the mobile devices so I fixed it with the @media queries. you can see the updated version now. Thanks to all of you guys for pointing it out :)
@media
Chrome :)
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Nice work!
Though it looks a pixel out on my device, where the borders overlap.
dev-to-uploads.s3.amazonaws.com/up...
fix:
.card:nth-child(odd)::before {
left: 0px;
top: -5px;
bottom: -4.5px;
border-width: 5px 0 5px 5px;
border-radius: 50px 0 0 50px;
}
Ah, it is only now that I realise that the original example was using 4.5px.
Jatin, what was the reason for this? What is your default browser?
Well, I am using Edge browser, It was only a pixel out in the mobile devices so I fixed it with the
@media
queries. you can see the updated version now. Thanks to all of you guys for pointing it out :)Chrome :)