Skip to content
Submitted 7 months ago

blog preview using html,css

Amna-sul•20
@Amna-sul
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?

using pure css for style and trying to write less but effective

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

trying to make it pixel perfect, also the deference between the design and deployment

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

no answer

Community feedback

  • Bernardo Poggioni•5,280
    @R3ygoskiPosted 7 months ago

    Hello @Amma-sul, congrats for finish this challenge, your project is very good and similar to proposed design.

    A hint about your HTML, it's structure it's not wrong, but it's not Semantic, for example, your <div class="preview"> could be a <main> tag, an <article> or a <section>, if you wanna see more about Semantic HTML, here's a Link: W3School - Semantic HTML.

    Also I noticed you was using an <h6> tag, the right tag to use in this case was a <h1> because of the Heading's hierarchy level, you always need to start in <h1>, here's another link about this: W3School - Heading Levels.

    The image of the User, it's setted to Frontend Mentor Icon, this is happening because you used this directory in your <img/>: <img src="images/favicon-32x32.png" alt="" class="author_image" />. The right one is image-avatar.webp.

    Again, congratulations for you project, it's really very good, if I said something that's unclear, please, comment below and I will try to help.

    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