Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
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 using Flexbox

@imandreans

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 would write my code to be more readable and organize, especially for CSS.

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

I don't know which heading to use for the text.

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

I would like to be help with readable code and more on semantic html.

Community feedback

HoaCTa 110

@HoaCTa

Posted

Your design looks very close to the solution. If you didn't look at the figma design, it is impressive to build it only by estimating. As far as I know, it is suggested that we don't skip the heading level. For example, use h1 then h2, not h1 then h4. To write more readable code and more semantic code, you should read more on this site https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML . It shows us what tag we should use that help our code more accessible. Have fun learning. Congrats on finishing the second project!!!

Marked as helpful

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