Four card feauture card

Community feedback

• 

  MikDra1•6,980

  @MikDra1Posted 3 months ago

  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 😁😊😉

  0

  ---

  

  geomydas•1,440

  @geomydasPosted 3 months ago

  @MikDra1 I don't recomend using ::after and ::before. Stop overcomplicating things. Use border-top instead

  0

  

  MikDra1•6,980

  @MikDra1Posted 3 months ago

  @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.

  0

  

  Abdelrhman Yasser Ali•60

  @Eng-Abdelrhman100Posted 3 months ago

  @MikDra1 thank you for the reply but i double checked the design the radius is applied to the border color as well

  0

  

  MikDra1•6,980

  @MikDra1Posted 3 months ago

  @Eng-Abdelrhman100

  Yes and that's the problem. It shouldn't have the border-radius applied to it.

  0