Skip to content
Submitted 8 months ago

Blog-Preview-Card

dcubic•330
@dcubic
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?

I'm much more comfortable with the new development environment now

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

This time I utilized paint to better determine the dimensions of the card rather than relying on guesswork

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

Nothing

Community feedback

  • Yahaya Auwalu•30
    @yauwalu84Posted 8 months ago

    The HTML solution includes semantics and a very straightforward

    The CSS includes some basic responsiveness using percentage-based widths and the viewport meta tag. However, the layout may not adapt optimally to various screen sizes, especially smaller devices. Media queries could be added to adjust the layout and font sizes for different screen sizes, ensuring a better user experience across devices.

    The CSS code is reasonably well-structured, with clear naming conventions for classes and properties.

    The solution appears to very closely match the design provided. The layout, colours, and typography align with the design specifications.

    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