Blog Preview Card Using Flexbox and local font files

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

I'm glad I could achieve the same UI as the given design and understood how we use the local font files.

What challenges did you encounter, and how did you overcome them?

Using a local font file was something that I came across for the first time, and I was able to implement it by going through the documentation of variable fonts.

@font-face {
  font-family: "Figtree-Normal";
  src: url("./assets/fonts/Figtree-VariableFont_wght.ttf")
    format("woff2-variations");
  src: url("./assets/fonts/Figtree-VariableFont_wght.ttf") format("woff2")
    tech("variations");
}

What specific areas of your project would you like help with?

Since this is the first time I have used local font files, I would like to know if I'm using them correctly.