Skip to content
Submitted about 4 years ago

3 Column Preview Card Component

David Burany•10
@davidburany
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello :)

I started this project weeks ago and I have done the desktop version in a few hours, but I struggled with the mobile friendly version, so I gave up. Today I decided that I am going to do this even if it takes days to figure it out and finally I found the solution.

Could you please give me a feedback, so I can learn more from you?

Thank you very much! David

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • John Rey Faciolan•220
    @juani2

    Hello Burani,

    I can really relate with you, I have one challenge in frontendmentor that took me about a week to finish for just one landing page. It took me to me 5th revision until I'm satisfied with my work.

    As for your work, I cannot see the code but based on the preview, your card component seems not to be vertically centered, you can center it by using display: flex: align-items:center; on the parent of your card.

    Also, your headings were not in all caps, you might add a 'text-transform:upper' to your headings too.

    Happy coding.

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