Four card feature section using Vue

Community feedback

• 

  MikDra1•6,920

  @MikDra1Posted 3 months ago

  Nice one @MichaHuhn 😀

  If you are curious how you can do this straight lines here is a 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 😁😊😉

  Marked as helpful

  0
• 

  P

  MAGENE Sem Joel•320

  @JomagenePosted 3 months ago

  @MikDra1, @Micha Huhn

  Thank you for the tips. I found something similar but prefer it over creating a new element. It involves using the ::before pseudo-class, which eliminates the need to add another HTML element. Here's an example:

  div::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0.25rem;
      background-color: $color;
  }
  

  The parent of the div must be relative of course.

  What do you think?

  0

  ---

  

  MikDra1•6,920

  @MikDra1Posted 3 months ago

  @Jomagene

  You’re right, it is also a solution to the problem 😁😁😁

  0