Skip to content
Submitted about 3 years ago

3 column preview card Component using only HTML and CSS

ronaldlamdev•430
@ronaldlamdev
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

While it is not exactly like the design images, to me, it is the journey of doing this project that mattered to me more than the result. I practiced and learned new tips, tricks, and knowledge with both HTML and CSS. This process of learning made doing web development more fun more me. As usual, I would like some feedback on how to improve my Front End Skills, particularly HTML and CSS.

Community feedback

  • CyrusKabir•1,885
    @CyrusKabirPosted about 3 years ago

    hello my dear friend ♥ you did good and clean but here some advices :

    • go and search about this term " css centering way " and learn them good
    • add some line-height to your card text
    Marked as helpful
    2
  • Fidel Lim•2,775
    @fidellimPosted about 3 years ago

    Hi @milessteamaccount,

    Great job finishing the project! Some suggestions I would like to share are of the following:

    • you could use some hover and active states on your buttons to make it interactive.
    • you could add media queries so that you can change the look of your mobile view.

    I hope these help :)

    Marked as helpful
    2

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