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

Blog Preview Card

Chris Bui 90

@chrisvn1808

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 tried my best to make the solution has closest look to the design.

Add some simple animation, have a little fun with it.

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

I have trouble selecting semantic HTML tags for category and publishdate element on the card.

I used tag in my solution for them to work. I might have used spans but I sticked to tag.

Not sure though if using tag in this context is good practices.

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

Any recommendations about the project would be valuable to me :)

Community feedback

@rtdevcraft

Posted

Heyo!

This looks great!

I only have a couple small things. For the alt tag, I think you can just put like 'abstract illustration in yellow and black' or something like that. Just try your best to describe the image, even if it's weird. It's just so people who are using screen readers get an idea of what the image is. I think when you are targeting with '*' that means everything, so you don't have to include *::before, and *::after, unless you're using those pseudo elements.

Great job!

0

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