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 Solution

P
Matt Cope 340

@MatthewPCope

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 of completing my second challenge.

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

It was unclear to me if the box shadow increased when you hovered over the card, so I just when ahead and increased it on hover.

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

I wasn't sure if the size of the box shadow increased when you hovered over the card.

Community feedback

@kevincanderson

Posted

Great work finishing the project.

Feedback: Mobile view is wider than the screen width of 375, see what you can do there to fit it within that screen size. Take a look at the figma if you can download it.

Laptop, the card should be centered vertiical and horizontally, take a look at flexbox and html height.

And yes, apparently the box shadow does change - missed that in my own project.

overall very nice, keep on coding!

Marked as helpful

1

P
Matt Cope 340

@MatthewPCope

Posted

@kevincanderson Thanks for the feedback, I think i fixed the centering of the card, but I can't seem to figure out the mobile view width. I took a look at yours and when you set the screen to 375, your card width adjusts, mine stays the same, any help would be greatly appreciated. Thanks!

0

@kevincanderson

Posted

@MatthewPCope I used a max-width, so therefore, it would never be wider than X, but can be smaller and played with padding on the actual component itself. Let me know if that helps.

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