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

3 column preview card component main

MatiX 360

@MatiX221

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Aadvik 1,250

@Aadv1k

Posted

Hey matix, first up, good job on getting the colors right. I would suggest you some fixes.

  • It appears your font is not working, to get it working you actually have to select the styles (unless you install the entire family locally)
  • You cannot center elements vertically on the body with flex, to center the element within the body you should use the following trick.
.container {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%)
}

You can check out my solution to get some idea. Best, Aadvik.

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