Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog-Preview-Card

P
dcubic 330

@dcubic

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@yauwalu84

Posted

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
Discord logo

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