Skip to content
Submitted about 3 years ago

Mobile first solution using HTML and CSS

Brooke Wargnier•155
@brookewargnier
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

This was a quick 4 hour evening build. It really helped me start to feel like I'm getting a good handle on CSS and HTML, and it felt especially nice after my last project which had multiple section on a page!

Please let me know if you find any issues of standards or any additional resources that you think will help me grow in any capacity :)

Thanks!!

  • Brooke

Community feedback

  • Conrad•950
    @ConradMcGrifterPosted about 3 years ago

    good job, it looks really nice 👍. I am also doing some smaller projects after completing some of the longer/bigger ones and I think its a good way to try new things!

    • my main suggestion is that you should avoid setting fixed height and width, especially fixed heights because this can cause problems with responsiveness and content overflowing its container.

    • if you really need to set a width or a height, use min-height:, max-height:, or min-width:, max-width:

    • try and use margin and padding on your elements inside the cards to create the space you need instead of setting a fixed height

    Marked as helpful
    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