Skip to content
Submitted 5 months ago

Blog Preview Card using HTML & CSS

Yash Raj•10
@yashrj3002
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

One of the biggest challenges I faced was making the site responsive across different screen sizes. Initially, some elements were not aligning properly, and the layout broke on smaller screens. To overcome this, I used CSS media queries to adjust styles based on screen width. Additionally, I tested the site by using browser developer tools to debug and refine the responsiveness."

Code

Please log in to post a comment

Log in

Community feedback

  • João Pedro•130
    @johnstone14

    Your project is perfect, however, the zoom that should be on the button is on the entire card. In the case of this card, you can use figma to help you, it will give you all the information needed for the project. Have good code :)

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