Skip to content
Submitted about 3 years ago

Responsive to devices ,CSS Flexbox

Ravi Pratap Singh•110
@cyberspatial
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

Your constructive criticism are always welcome.Please provide feedback to help me in growing my skills.

Community feedback

  • HappyAtom•55
    @HappyAtom3Posted about 3 years ago

    Hi Ravi, everything looks very good.

    Very impressive solution, good job.

    Marked as helpful
    1
    Ravi Pratap Singh•110
    @cyberspatialPosted about 3 years ago

    @HappyAtom3 Thanks for the feedback! 😇

    0
  • darryncodes•6,370
    @darryncodesPosted about 3 years ago

    Hi Ravi,

    Really great solution - well done!

    • you could add transition: ease .3s; to your button styles to make the hover affect smoother
    • you could clear up your accessibility report if you added some alt-tags to your images and used some semantic markup. Change <div class="card"> to <main class="card"> and <div class="attribution"> a <footer class="attribution">

    All the best!

    Marked as helpful
    1
    Ravi Pratap Singh•110
    @cyberspatialPosted about 3 years ago

    @darryncodes Thanks for the feedback! 😇

    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