Blog review card

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

I’m proud of achieving a pixel-perfect match to the Figma designs, with accurate sizing, spacing, and a crisp offset shadow. Next time, I’d streamline my workflow by automating snapshot exports and maybe explore CSS Grid for layout flexibility.

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

Variable font integration: Loading the Figtree weights via @font-face took some trial and error. I solved it by testing static fallbacks alongside the variable font in different browsers.

Box-shadow precision: Reproducing the exact 8px offset, 0px blur shadow required zooming in on Figma’s inspector and tweaking values until it matched.

Ensuring keyboard accessibility: Making the title link focus-friendly meant adding clear outline styles and testing with the Tab key. Also trying to upload the project to github pages as far as they changed the whole process and it was not very clear what the steps needed to be taken.

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

Adding a dark mode toggle driven by CSS variables

Implementing visual regression tests (e.g. with Storybook or Playwright)

Enhancing overall accessibility, such as ARIA roles or better focus management