Skip to content
Submitted over 1 year ago

html, css, grid

Tom Kelly•40
@tom-kelly9
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

Not sure why it doesnt fit when the width is 375px. Still learning any advice welcome.

Community feedback

  • hitmorecode•6,680
    @hitmorecodePosted over 1 year ago

    Nice well done. You still need to add the hover effect on the buttons. I don't understand what you mean with your question. Can you be more specific?

    0
    Tom Kelly•40
    @tom-kelly9Posted over 1 year ago

    Thanks forgot to do that. When i change the display to mobile size the content doesnt fit. do I need to set different rules for the size and margins?@hitmorecode

    0
    hitmorecode•6,680
    @hitmorecodePosted over 1 year ago

    @tom-kelly9 I see, that's an easy fix. Just change your media query max-width to 845px. Also add min-height: 100vh to the body, this will help to vertically place the cards in the middle of the page

    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