Blog preview card solution

What are you most proud of, and what would you do differently next time?

• How to use variable fonts in CSS

  @font-face {
    font-family: Figtree;
    src: url("/assets/fonts/Figtree-VariableFont_wght.ttf") format("truetype");
    font-weight: 500 800;
    font-style: normal;
  }
  

• First time I used native CSS nesting with BEM

  .card{
    ...
    .card__image {
      ...
    }
    .card__content {
      ...
    }
    .card__author {
      ...
    }
  }