Blog Preview Card using CSS Variables and Flexbox

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

Things I am proud of

• Semantic HTML (I tried my best)
• CSS Variables where it made sense to me (I still have a lot to learn)
• I added a transition for the box-shadow for the card and the color for the card's title

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

• Pixel Perfect -> I tried my best by relying upon the Figma File but it was not enough.
• Units for spacing and font size: I chose px for padding and rem for the rest.

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

HTML

• Semantic
• Accessibility

CSS

• Responsive
• Which unit to choose for spacing (padding, margin, gap...)