Skip to content
Submitted 3 months ago

Blog preview card

budijiie•100
@budijiie
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

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

I still need to learn a lot about responsive layout. I feel difficult make it look the same as the original dispay and still keep it responsive.

Finally after seeing the other solution using clamp(), I also learned it and using it

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

Any suggestion to make it look exactly the same as the preview received. Thanks

Community feedback

  • Isaac Alvarez•250
    @isAlvarezDevPosted 3 months ago

    Great solution man. The only thing I'd say is, the <div class="card"> you could change it for <main> tag and the <div class="attribution"> for <footer> These will help you to improve the accessibility. Have a good day :)

    1
    budijiie•100
    @budijiiePosted 3 months ago

    @isAlvarezDev thanks for the advice. I really appreciate it

    0
  • P
    Jwan Zerkani•40
    @jwanazadzerkaniPosted 3 months ago

    great work almost identical to the Figma file, well done.

    1
    budijiie•100
    @budijiiePosted 3 months ago

    thanks @jwanazadzerkani.

    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