Skip to content
Submitted over 2 years ago

Resposive card using flexbox

Abdelrahman Tolba•80
@AbdelrahmanTolba
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Advice generator app
  • HTML
  • CSS
  • JS
  • API
2junior

Design comparison

SolutionDesign

Solution retrospective

Feedback please

Community feedback

  • Sam•230
    @samd1aPosted over 2 years ago

    Good work!

    my suggestion would be to add some more padding onto the top of the card. Aswell as that, you can add a text-transform: uppercase; onto your .card__top class, this makes the Advice text automatically in full caps similar to the initial design.

    Hope this helps a little bit. Keep going!

    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