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 preview

mrbrave7 170

@mrbrave7

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 have Used The box shadow after many times

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

finding the exact width of card

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

responsiveness of card

Community feedback

@amina-refik

Posted

Hello,

I'm currently following the Getting Started on Frontend Mentor Learning Paths, and as part of that, I've been asked to review your solution. I noticed that the screenshot provided doesn't seem to correspond to the challenge, but clicking on the "View Code" button does redirect to your challenge solution. It's worth noting that displaying your solution is part of the site's guidelines for giving and receiving feedback. If you prefer to keep your solution private, you'll need to have a Pro account.

Regarding your solution, great job! The only difference I noticed was in the active state, where they requested the title to be colored yellow. As a suggestion, you could achieve this by adding the following to your style file:

.card-container:hover .heading {
    color: hsl(47, 88%, 63%);
}

Thanks to reviewing your solution, I discovered that there was a requirement to enlarge the card shadow in the active state. This highlights one of the benefits of reviewing other people's solutions.

I wish you the best of luck in finding job opportunities, and keep coding happily!

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