Skip to content
Submitted 9 months ago

Responsive design using CSS Flexbox

Ruben•210
@klabruben3
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

If there is a better way to do some for the things I did here please mention them.

Community feedback

  • Rau•250
    @raubacaPosted 9 months ago

    Hi Ruben, some observations:

    • You don't need to add <br /> in the HTML to generate spaces, just use the CSS margin property.
    • The title font is different from design, try to adjust the font-family and font-weight properties.
    • The selector .card.one button:nth-child(8) can be simplified to .card.one button.

    Good job!

    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