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 solution | my second practise project

Reuel VJ 80

@rvj1

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'm proud that I was able to complete this project faster than the previous project even though, I have small mistakes and I believe I will improve in the upcoming project.

Community feedback

Srivatsan 60

@srivatsan-droid

Posted

All Elements are as per the requirements given But image is not displayed so try to add the image appropriately In Code use the appropriate class in div elements While adding the image try to add like this <svg xmlns="http://www.w3.org/2000/svg" so it will add the appropriate image Design part is good in terms of color try to increase the opacity

Marked as helpful

1
P

@Arnotts33

Posted

Hi there!

Your solution looks good but the image is not showing. You may have a problem with the path to your image in your html.

You also forgot to add some hover features (title and box-shadow)

As for the smaller screen sizes, I think you didn't add responsiveness with media queries in the CSS.

Other than that, I think your code is well structured and easy to read.

Marked as helpful

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