Submitted 9 months ago

Blog preview card. HTML5, CSS custom properties, Flexbox

Caleb Abuul• 100

@Caleb-Abuul

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Adjusting font-size according to different device widths without using CSS was particularly challenging to me. I'm glad I found some help online (i.e Google, Stackoverflow and YouTube). Even though my code works and to some extend I'm very satisfied with my solution but I'm not sure of the font-sizes I used and the card with. I need help using frameworks such as reactJS and nodeJS.

Community feedback

Ozodbek• 50

@OzodbekMahmaraimov

Posted 9 months ago

I like your template. But there are some problems. In my opinion, the text should be yellow when there is a box hover. If you fix the responsive web design, it would be a more beautiful template

Caleb Abuul• 100

@Caleb-Abuul

Posted 9 months ago

@OzodbekMahmaraimov Thank you so very much for your feedback. The hover effect is on the text, when you move your cursor over the text(heading) then it turns yellow. And the box-shadow increase is on the card itself.

Ozodbek• 50

@OzodbekMahmaraimov

Posted 9 months ago

@Caleb-Abuul Yes, I understand you

Please log in to post a comment

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