Four card feature section

Community feedback

• 

  P

  Zxjklp•160

  @ZxjklpPosted 3 days ago

  Great work on this project! Here are a few suggestions:

  • You are importing many font weights and styles (e.g., Poppins has all weights). Limit it to only those weights you actually use (200, 400, 600) to improve performance.

  • The card styles (.card--1, .card--2, .card--3, .card--4) could be simplified using a shared class:

  .card {
    border-top: 6px solid var(--card-border-color);
  }
  .card--1 {
    --card-border-color: var(--Cyan);
  }
  .card--2 {
    --card-border-color: var(--Red);
  }
  /* ... */
  

  • Some repeated styles like text-align: center appear in multiple places. Consider grouping them.

  Marked as helpful

  1

  ---

  

  Ahmed Nafrawy•150

  @Ahmed-NafrawyPosted 3 days ago

  @Zxjklp I will take that into consideration, thank you so much!

  0

  

  Ahmed Nafrawy•150

  @Ahmed-NafrawyPosted 3 days ago

  @Zxjklp I will take that into consideration, thank you so much!

  0

  

  Ahmed Nafrawy•150

  @Ahmed-NafrawyPosted 3 days ago

  @Zxjklp I will take that into consideration, thank you so much!

  0