@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 😁😊😉
Marked as helpful
@hamzafrontend
Posted
@MikDra1 Hi, thank you for your detailed explanation, but I think the top border is the simplest one, what do you say?
@MikDra1
Posted
@hamzafrontend
Yeah of course, but at the design the top line is straight. On the border-top property you have applied the border-radius and if you create another element without the border radius that is the look that we want to achieve 😄😄😄
@hamzafrontend
Posted
@MikDra1 now I got your point, thank you for your valueable feedback.
@MikDra1
Posted
@hamzafrontend
I am glad I could help 😊