Submitted 8 months ago

Responsive design using CSS Flexbox

Ruben• 210

@klabruben3

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

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

@raubaca

Posted 8 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

Please log in to post a comment

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