Skip to content
Submitted 11 months ago

Blog preview card. HTML5, CSS custom properties, Flexbox

Caleb Abuul•150
@Caleb-Abuul
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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
    @OzodbekMahmaraimovPosted 11 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

    1
    Caleb Abuul•150
    @Caleb-AbuulPosted 11 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.

    0
    Ozodbek•50
    @OzodbekMahmaraimovPosted 11 months ago

    @Caleb-Abuul Yes, I understand you

    0

Please log in to post a comment

Log in with GitHub

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