Skip to content
Submitted 6 months ago

A solution with Chatgpt

ophintherain•40
@ophintherain
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I got more comfortable with css and html, and I hope to do better next time and add some imagination of my own

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Anonymous Coder•200
    @AnonymousCoder323

    Good job using semantic HTML! I like how you organized everything in the card using <header>, <section>, and <footer> as well as using the <time> element for the publish date. Is there a reason you decided to use <section> instead of <main> for the description?

    I noticed that the card isn't responsive below screen sizes with a width of around 400px. You may want to use media queries to update your content size. Alternatively, check out this article on how to use min, max, and clamp CSS functions to make your content responsive.

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