Responsive 3-column preview card

Community feedback

• 

  David Osorio•560

  @osoriodevPosted about 3 years ago

  Hello @Zeighnab. Great solution. Some things you might consider are:

  • Have a CSS file with all the styles, independent of the html. This is because if the project grows it can be more scalable.
  • In the mobile view you set the container with display: flex and flex-direction: column, this is unnecessary because the article element has default block display. That makes each element below the other.
  • If you want the card to have a border-radius, you just need to apply it to the card and set a overflow: hidden. This will save you lines of code.
  • And the buttons must also have the Lexend Deca font family.

  Hope this can help you.

  Marked as helpful

  0
• 

  Zeighnab•40

  @ZeighnabPosted almost 3 years ago

  Thanks so much! Really appreciate

  0