Skip to content
Submitted 10 days ago

design a blog card with css and html

#accessibility
Abdulrahaman Ridwan Ayinla•60
@Eleniyancode
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 are you most proud of, and what would you do differently next time?

adding the fonts and seeing get applied i will love to improve on making my design pixel perfect

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

getting the accurate pixel for margin and padding

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

getting the right pixel measurement

Community feedback

  • Pradeep Jat•40
    @mobphycho100Posted 10 days ago

    • The code lacks proper use of Semantic Tags. Even the heading has been placed inside a <p> tag.

    • Accessibility wise it's fine.

    • The Layout is not responsive to small devices.

    • There has been unnecessary use of <div> tags.

    • The solution resembles the design but the image provided does not. (I would recommend updating the image.)

    0
    Abdulrahaman Ridwan Ayinla•60
    @EleniyancodePosted 9 days ago

    @mobphycho100 thank you for the feedback, i have updated the image and i will also revise my code to implement making the design responsive on small devices, thank you once again

    1

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