Skip to content
Submitted 4 months ago

Blog Preview Card using Flexbox

andrean-sihombing•350
@imandreans
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 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
    @HoaCTaPosted 4 months ago

    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

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