Skip to content
Submitted 5 months ago

Vanilla HTML CSS to keep practicing, still not sure about semantic ?

Matthias•30
@Matthias-SLR
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?

Looks like I've been fast to do this !

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

Not so much to be honest.

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

Still asking myself about semantic, if someone can check just to be sure ?

Community feedback

  • Jaseera Abubacker•20
    @jpmaHubPosted 5 months ago

    Hey and good work but when you hover over the text, the border thickness should increase along with the text turned yellow. See the figma design for more info

    0
    Matthias•30
    @Matthias-SLRPosted 5 months ago

    @jpmaHub Thanks for your feedback, exactly, I've missed this ! Thanks again

    0
  • QuentinPetton•200
    @QuentinPettonPosted 5 months ago

    Hello and nice job ! If i can help you for the semantic:

    <div class="category">Learning</div> This can be changed with a <span class> <p class="publish">Published 21 Dec 2023</p> This can be changed with a <time class>
    0
    Matthias•30
    @Matthias-SLRPosted 5 months ago

    @QuentinPetton Thanks for the help, this should looks like that :

    <span class="category">Learning</span>

    <p class=publish>Published <time datetime="2023-12-21">21 Dec 2023</time></p>

    right ?

    and if I want to be more picky, should I remove the class on <p> and using .content p {} in my css ?

    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