Skip to content
Submitted almost 3 years ago

3 Column Preview Card Component

Chris•400
@chrisvn188
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

Wow! After 3 project I realized that I build this fourth project much faster. I learned from one problem that I solved - border takes up space but outline is not. I think outline is better solution for button hover state in this project. Any feedbacks are really valuable to me. Thanks all!

Community feedback

  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    This is well done. I would lower the break-point to about 1050px. It will switch to desktop sooner and you won't have to re-style the width of the content. Your HTML tag needs a lang attribute.

    Hope this helps.

    Marked as helpful
    1
    Chris•400
    @chrisvn188Posted almost 3 years ago

    @brodiewebdt Thank you for the feedback, I agree with you that lower breakpoint to about 1050 because I found it a little bit annoying when I set it to high. It make me hard to debug when I set it 1440px lol.

    1

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