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

@konraddissake1808

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'm happy of how smoothly it went, nothing more.

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

Nothing was really challenging.

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

None really. But if someone has something to say, i'll gladly listen

Community feedback

P
jasoneczek 320

@jasoneczek

Posted

Nice job. I'm wondering though why you chose id's instead of classes for your selectors. There a a couple videos that explain the difference.

https://www.youtube.com/watch?v=CAPPO0r0DIQ

https://www.youtube.com/watch?v=69m_rC4UxYY

You might also consider changing your h3s to paragraphs. Having the h3 before your h2 is out of order, and the name doesn't need to be a header.

Speaking of the h2, the text inside should be a link to the blog post, using a nested <a> tag. This video helped me immensely when I was working on this challenge.

https://www.youtube.com/watch?v=nM78am-FC9Q

Marked as helpful

0

@konraddissake1808

Posted

@jasoneczek when i am not sure if an element will have unique css properties or not i usually slap an id on it. Especially when for media querries some elements mights require special fine tuning to achieve my desired result. I'll check the video you forwarded and thanks for the review.

0

@GabrielChiarelli

Posted

I really liked the shaddow effect on hover. Congrats :)

0

@konraddissake1808

Posted

@GabrielChiarelli Thanks mate

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