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 challenge - with HTML, CSS, flexbox

@ErwiniaDev

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 think I've figured out how to use the Google fonts downloaded directly into the project.

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

I wanted to avoid putting a max-width on the "learning" tag, so I ended up finding “align-items: flex-start”. It seemed coherent here.

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

  1. I find that there are some repetitive elements in the CSS, and I didn't know how to factor it (or even if you should or shouldn't for this kind of case).

  2. Is the "align-items: flex-start" ok here? (file "style.css", line 148 on the first version)

  3. Is it ok for the structure of the index.html? for example the use of the "article" tag, or the tag, or the tag with class for the publication date?

Thank you very much!

Community feedback

@ChrisRoland

Posted

Good use of semantic HTML. I notice there's no description of your image in the alt="", I also see that you haven't customized the README.md file.

About your question no.2, I think a simple way to solve that would be text-align: left.

1

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