@MikDra1
Posted
Nice one 😀
If you are curious how you can do this straight lines on the top of each card here is my tip:
Create another element in each of the cards. Then position this element absolute. Card should be positioned relative. At the end you need to give this element a height of 3px width of 100% and top 0 and left 0. You can also use ::after or ::before pseudo elements to create these.
Hope you found this comment helpful 💗
Good job and keep going 😁😊😉
@geomydas
Posted
@MikDra1 I don't recomend using ::after and ::before. Stop overcomplicating things. Use border-top instead
@MikDra1
Posted
@geomydas
On the design if you zoom a bit you will see that border-top get's border-radius applied. If you create another element than this element won't get that radius.
@Eng-Abdelrhman100
Posted
@MikDra1 thank you for the reply but i double checked the design the radius is applied to the border color as well
@MikDra1
Posted
@Eng-Abdelrhman100
Yes and that's the problem. It shouldn't have the border-radius applied to it.
