Four Card Feature Section Master Challenge

Community feedback

• 

  MikDra1•6,920

  @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

  If this comment was useful please mark it as helpful 💗

  Good job and keep going 😁😊😉

  0

  ---

  

  AbdelmonemMarei•270

  @AbdelmonemMareiPosted 3 months ago

  @MikDra1 Thank you for your suggestion. This is another idea to solve challenge, but I want to train on border property and if you use element for every card, you add additional HTML element which same as border you should use CSS to color its background, so you use same lines of code of CSS as border property but use additional HTML element for every card. I appreciate your comment and I hope my idea is clear.

  0

  

  MikDra1•6,920

  @MikDra1Posted 3 months ago

  @AbdelmonemMarei

  So instead of creating another element you can use the ::after or ::before pseudo element

  1

  

  AbdelmonemMarei•270

  @AbdelmonemMareiPosted 3 months ago

  @MikDra1 Yes, this is good idea. but I want to train on using border Property.

  0