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 card landing page using react

dynamic109 230

@dynamic109

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 was able to build the project

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

Encountered problem with css but i was able to resolve it using stack overflow

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

None

Community feedback

P

@Achigyus

Posted

Hi mate.

Congrats on finishing the challenge, you did a good job. I just have a few recommendations

  1. The link you submitted to view your code doesn't actually link to the code, making sure the proper link is posted would make it easier to review your submission and for you to receive feedback.
  2. For the image component, you used a div and set it's background to the image, it would have been more appropriate to use an img tag.
  3. You wrapped the learning element in a b tag, it would be more appropriate to use the font-weight css property to achieve the desired effect. This element could also have been a button or an a tag.
  4. It would be more appropriate to set the title as a h1 tag rather than a h2.
  5. The text-shadow property added to the blog description makes the text difficult to read, you could consider removing it as it is not part of the design.

Thank you.

Marked as helpful

0

dynamic109 230

@dynamic109

Posted

@Achigyus Thanks for the suggestions, will implement these right away

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