Frontend Mentor | Blog preview challange coding challenge solution

Solution retrospective

What are you most proud of, and what would you do differently next time?

I have able this create the layout without much fuss this time... I'm happy that I get the hang of thing a little.

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

Understanding the layout was pretty difficult at first but once I understood then it was a piece of cake.

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

Nothing specific, this was straight forward.. but anything I can improve on please don't hesitate to mention it. Thanks :)

Community feedback

Elijah Adelakun• 70

@kennykage101

Posted 4 months ago

Hey, you've done a great job but I can see that the solution is not pixel-perfect with the design. Now, here are some things you might do:

align your card to the center vertically i.e centralize it vertically
Some font sizes are missing in your code. Compare the solution with the design and fix the sizes.
I can see that the color of the design's blog description does not match your solution.

I hope you find this helpful. Have a nice time.

Marked as helpful

ANDREYSOREAL• 120

@andychuks51

Posted 4 months ago

@kennykage101 Okay, I will be on it... Thank you some for taking time out for the correction.

ANDREYSOREAL• 120

@andychuks51

Posted 4 months ago

@kennykage101 Please any useful tips on how I can align the card container to the center vertically? I have been struggling with it for a while.

Elijah Adelakun• 70

@kennykage101

Posted 4 months ago

@andychuks51 Put the card container into another div then style the div with: { display: flex; align-items: center; justify-content: center; } Remember to give your div a class name for accessibility

Marked as helpful

Blog preview challange

Design comparison

Solution retrospective

Community feedback

Please log in to post a comment

Join our Discord community