This is a solution to the Blog preview card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Users should be able to:

• See hover and focus states for all interactive elements on the page

• Live Site URL: Add live site URL here

• Vite
• Tailwind
• TypeScript
• React

It was nice to set up a fresh project and go through all the hassle of installing the custom font and figuring out how to reference it in Vite versus Next. I also hadn't create custom box-shadows with Tailwind before.

I look forward to spending more time with the Tailwind theming in the next project. And I may use Next, since it has a setup option for Tailwind when you build the package.

• CSS Cheatsheet - I just found out about this site, but I'm going to keep it around as it's a great reference.

• Website - Robert Crocker
• Frontend Mentor - @robcrock
• Twitter - @robcrock