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

0MarrkvI0 30

@0MarrkvI0

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?

It looks similar like example, but I'd like to make it more responsible, but that would mean losing the wonderful layout that was built.

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

I returned after around a year, so it took some time for me to get into a flow; I'm excited to learn JavaScript.

Community feedback

LucasNgTg 190

@LucasNgTg

Posted

Hey there! To make the page responsive, take a look at pseudo-classes in CSS, mainly the :hover, which is used for making the active states specified in the design. Here is a link where you can find all the information:

https://developer.mozilla.org/en-US/docs/Web/CSS/:hover

Hope this helps!

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