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

JmsLpz 80

@JmsLpz

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 am proud that my skills in HTML and CSS improved and next I will work hard to enhance it.

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

The things I encountered while creating this were thinking of the right structures to be placed on the website. Also, those codes I have forgotten.

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

The specific part of the project I would like to help with is learning some techniques for using CSS and HTML easily since I want to make the layout become nice.

Community feedback

T

@gmagnenat

Posted

Hi, Congrats on completing the challenge !

I can give you a few hints for improvement. In your HTML, you should use a sequencial order for the h tags. h1 first then +1 steps. It is ment for accessibility and avoid confusion when navigating the website with screen readers for example.

As it's a blog preview card, this is most probably a link to the full blog page. You have to think where you put the link. Is this the main title? or is it the full card? There are different solution possible for this.

On the design there are elements for the interaction, hover and focus, that are missing in your solution can you spot them and make them work?

let me know if you have any question.

Keep up the good work and happy coding !

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