Skip to content
Submitted about 4 years ago

3-Col Preview Card Component using Flexbox

Rizwan Mustafa•155
@rizwanmustafa
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any feedback is welcome!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hi there, Rizwan Mustafa! 👋

    Nice job on this challenge! 👏

    A few things I'd like to suggest are,

    • Switching to a mobile-friendly layout a little sooner to prevent a horizontal scroll bar from appearing along the bottom of the screen.
    • Decreasing the space between the paragraph and the "Learn More" elements in the mobile layout.
    • Only using a single <h1> on the page, since it is often recommended that there only be one of those elements per page (in this case, the headings of each section of the card component could simply be <h2>s or <h3>s).

    Keep coding (and happy coding, too)! 😁

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