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 Preview Card

P
jambanix 90

@jambanix

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?

Happy to have completed it. Next time I will not try to overthink my approach

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

Getting the fonts to resize properly with media queries when the screen shrinks

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

Any help on the best way to approach responsiveness would be appreciated

Community feedback

@Marcod01

Posted

This code doesn’t use semantic HTML. It could use more descriptive tags like <article> or <section>. Adding alt attributes to images is important as well. The design might not look good on all screen sizes, so testing and using CSS Grid or Flexbox could help. The code is easy to read and well-organized, but separating CSS into its own file and making sure it matches the design would make it easier to maintain and look more polished.

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