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 - HTML, CSS, Responsive Design

P
Marcus 100

@222sucram

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 improved my use of flexbox for responsive design and feel more confident creating layouts faster. I'm also improving at using working from the Figma design files and trying to get the final design as close to the brief as possible.

Next time I would try to get the design 100% the same as the figma file, and also use semantic HTML for completely.

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

I had trouble with the yellow background on the tag, and getting it's exact sizing correct, in the end I just went with adding more padding.

Community feedback

@tsukiyx

Posted

Muy buena solución.

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