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 Layout for Blog preview card using HTML and CSS

AK 20

@Arjun-12345

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


Hi, I am beginner and recently started with frontend tech. Feedbacks are appreciated.

Community feedback

Ozodbek 50

@OzodbekMahmaraimov

Posted

I like your template You made a box-shadow when you activated. But I think you should have box-shadow on hover

0

@domingouribe

Posted

Thank you so much @OzodbekMahmaraimov ! Indeed, I made the two states of the box shadow indicated by the design. According to the example in the original design, the box without hover shows a shadow about 10px wide, and in the hover state that shadow increases in width. What I didn't like about the original design is that along with activating the shadow increase in the hover state, it also changes the color of the title from black to yellow, but I think that this color change in the title should be independent of the state card hover in general.

0
Ozodbek 50

@OzodbekMahmaraimov

Posted

@domingouribe yes it is

0
AK 20

@Arjun-12345

Posted

@OzodbekMahmaraimov hey thanks for the feedback, by looking over the problem images, i thought it was supposed to activate once the card is selected and not on hover, so that's why i added it like that.

0

@domingouribe

Posted

@Arjun-12345 I think you're absolutely right, because the specific term in the instruction about the image is "active" and not "hover." I think I'll modify it. Thank you so much. You helped me think better. Greetings!

0
Ozodbek 50

@OzodbekMahmaraimov

Posted

@Arjun-12345 @domingouribe Yes. I respect your opinion

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