Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Blog card Next component using using Tailwind

@Iryna-Gry

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I tested my knowledge in Tailwind using different classes and behavior pseudo-classes.

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

Some classes I couldn't recall, but I had access to the docs which are easy to navigate

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

I want some additional points on work with images (while loading the image the sizing of component changes) and customizing tailwind classes (how to focus on main colors, sizings of figma design and rearrange tailwind classes for faster development)

Community feedback

@shaleenchowdhary

Posted

Hey! That's super great, the only thing you missed is adding border to the card rest is fine.

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord