Skip to content
Submitted over 3 years ago

3-Column Preview - Card - Component

Nicolas•115
@Nicolaj123
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello Everyone!

Feel free to comment and let me know your critics.

I have an Issue with @fonts and I cannot import them.

Thanks!!

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hello, Nicolas! 👋

    Good effort on this challenge! 👍

    I'd like to suggest,

    • Vertically centering the card component in the viewport.
    • Perhaps using an anchor tag for the "Learn More" elements on the page (rather than <button> elements), since they seem like they will take the user somewhere when clicked.
    • Adding the background color from the original design to the page.

    As for the fonts, you can simply <link> them in the <head> of your page by copying and pasting some code that you can find from Google fonts when selecting typefaces. It's pretty easy to do and a popular way to add fonts to your site. 😉

    Keep coding (and happy coding, too)! 😁

    1
    Nicolas•115
    @Nicolaj123Posted over 3 years ago

    @ApplePieGiraffe, thanks for your comments.

    I'll definetly try to take those and make the necessary changes.

    I appreciate your feedback. Thanks !!

    1
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    @Nicolaj123

    No problem! Glad to help! 😀

    Oh, and hey, if you found those tips helpful, an upvote would be appreciated! ;)

    1
    Nicolas•115
    @Nicolaj123Posted over 3 years ago

    @ApplePieGiraffe

    Hey, how are you?

    I´ve made the changes you told me and everything worked perfectly! Now, the point it´s to submit it again corrected, here... Is It any way to do it again?

    Maybe you can visit my Github site and check my <code>, I think it´s getting really really close to the original.

    1
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    @Nicolaj123

    I'm doing fine, thanks! That's good to hear! 👍

    If you linked your Vercel deployment to a GitHub repo (which is really easy to do), then all you have to do is push the new changes you made to your GitHub repo and they should show up on the live site in a few minutes. 🙂

    I'd be happy to take another look once those changes have gone through! 😀

    0
    Nicolas•115
    @Nicolaj123Posted over 3 years ago

    @ApplePieGiraffe

    Yes, I´ve checked and changes have been made automatically.

    Whenever you´re available, have a look at it and let me know what do you think!!

    Thanks again, really appreciate your time.

    0

Please log in to post a comment

Log in with GitHub

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