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 Card CSS vanilla

Tarangio 20

@tarangio

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?

Next time i want to use some framework like Tailwind or Boostrap, just to dig into the profesional practices.

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

I forgot to use the max-with property what caused me a responsive issue, but i overcome to it pretty fast really

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

In any area where someone believes there is room for improvement, I'm here to grow and listen to people's opinions

Community feedback

Lance 1,580

@IzykGit

Posted

Good work!

If you are looking to improve your code I recommend looking into semantic html! In your code you have wrapped everything in divs. Divs have no semantic value! So when you write your HTML you want to use elemnts like <main>, <section>, and so on. It is ok to use divs but use divs sparingly as it can hurt SEO, accessibility, and also can make your code harder to understand for other engineers.

Keep up the good work! :)

Marked as helpful

1

Tarangio 20

@tarangio

Posted

@IzykGit Thx Lance, i appreciate the comment and I'll take note of it :D

0
anusb412 50

@anusb412

Posted

1

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