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

Responsive Blog Preview Card using HTML & CSS

valkre 30

@vallkre

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 proud of how close the final result looks like compared to the design provided. Next time however I hope to get better at figuring out sizes of things

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

The biggest challenge was the illustration which I couldn't really place properly; adjusting its size while maintaining the aspect ratio, reading about object fit really helped out there.

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

Any and all feedback is appreciated, especially with the different ways one could space the elements in the card properly other than flex.

Community feedback

Millox27 50

@Millox27

Posted

Great, I found it difficult to maintain the relationship when the resolution was too low.

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