Skip to content
Submitted about 3 years ago

Stats Preview Card Using Flexbox

Amanda Toop•40
@atoopdev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Some of my text does not fully line up to match the design. Also, I did not make use of the Lexend Deca font - this felt wrong to me, but I couldn't seem to find a spot where it belonged.

Community feedback

  • Abdul•255
    @abdulrahman-rwimPosted about 3 years ago

    Hi @atoopdev Great solution well done!

    • there are some notes to make it even better

    • there is an overflow on the page, the scroll bar on the bottom use: body { overflow-x:hidden; } to remove it

    • clear the accessibility issues try the role attribute on HTML element to describe the purpose of them example: <div class="content-wrapper" role="textbox">,

    • and I recommend starting with the mobile design first

    0
    Amanda Toop•40
    @atoopdevPosted about 3 years ago

    @abdulrahman-rwim Great, thank you for your 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