Skip to content
Submitted about 1 year ago

Statistics Preview Component

voffee•70
@voffee
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

Please give me feedback, I am really unsure about the mobile view.

Any feedback about accessibility is also appreciated, I will try my best to fix those issues as I care about user experience for ALL kinds of users.

I can accept harsh feedback.

Thanks!

  • Voffee

Community feedback

  • Qendresa Braha•350
    @HiQendresaPosted about 1 year ago

    Hi @voffee 👋

    Congratulation on finishing this challenge 🎉 You did very well 👏🏻

    I noticed you've been working with Flexbox and Grid CSS, and I wanted to share a few tips that might make things a bit easier for you. Remember, we all face challenges when learning something new, and you're doing great!

    Flexbox Tips: Start Simple: Begin with basic layouts to get a feel for how Flexbox works. A row or column layout is a great starting point.

    Master Flex Properties: Focus on understanding properties like flex-direction, justify-content, and align-items. These are the building blocks of Flexbox layouts.

    Flex Containers vs. Items: Clarify the difference between properties that apply to the container (display: flex;) and those that apply to the items within (flex-grow, flex-shrink, flex-basis). The more you use them, the more comfortable you'll become.

    Don't hesitate to use online resources like MDN Web Docs or CSS-Tricks for quick reference and examples.

    Here is one link of Kevin Powell, explaning the Flexbox and grid:

    link to learn flexbox

    Happy coding! 🚀

    1

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