Blog Preview Card

Community feedback

• 

  Adriano•38,270

  @AdrianoEscarabotePosted about 1 month ago

  Hi Bunchydo, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:

  I noticed that your component is growing a lot at higher resolutions, this is happening due to the use of width: 24.5%;, what can you do to improve the appearance:

  .main-container {
      background-color: white;
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 370px;
      height: 620px;
      align-items: flex-start;
      justify-content: space-evenly;
      padding-left: 30px;
      font-family: "Figtree";
      border-radius: 10px;
  }
  

  The rest is fantastic.

  Hopefully, you'll find it helpful. 👍

  Marked as helpful

  1

  ---

  

  Bunchydo•110

  @BunchydoPosted about 1 month ago

  Hi Adriano, thank you for this suggestion. It was really helpful. 👍

  0
• 

  Luis Triana P•50

  @TrianapetitPosted about 1 month ago

  Hola, Falto la sombra ingresa este codigo en tu Css. box-shadow: 10px 6px var(--Gray950);

  Marked as helpful

  1

  ---

  

  Bunchydo•110

  @BunchydoPosted about 1 month ago

  Hi Trianapetit, thank you for the reminder. I have added it now.👍

  0