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

@contrebasses

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 just think it looks good ¯\__(ツ)_/¯

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

I had a hard time finding an elegant way to make the entire card accessible through keyboard-only navigation. I'll keep improving on this solution.

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

I'd like to discuss accessible solutions with other devs.

Community feedback

khal45 60

@khal45

Posted

Hey there! Great job completing this challenge. Overall you did well but your solution is not responsive. Conside using media queries to make your solution responsive on various screen sizes. Don't know how to make them responsive yet? No worries there are a lot of resources online that can help you with that. Css tricks is one of my favourite sites for learning css concepts, you should try it.

Marked as helpful

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