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

Article preview component

FZSZ 75

@FZSZ

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


i don't know, i really can't do it properly

Community feedback

@Mattvp21

Posted

It looks really good! It's only a centering issue in desktop. What I would've done is take the #content or where you have the whole card and do display: flex, justify-content, align-content both in the center, and that usually takes care of that. Try to avoid specifying the height when it comes to the main content. Also, the image and content is not 50% 50%. I made that mistake too and its very easy to overlook. It's more like 45% image 55% content. So when you re-align it, it should look closer to the design.

Marked as helpful

1

FZSZ 75

@FZSZ

Posted

@Mattvp21 ohh, thanks for the ideas, i've been trying to do this for a few days, and every time i failed with something that made me restart the code, i'm getting so frustrated, but really, thanks for the tips

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