Skip to content
Submitted 7 months ago

Responsive Order summary component (grid + flexbox)

react
Jonathan Silva•80
@jonathan-eduardo
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What specific areas of your project would you like help with?

I'd appreciate any feedback

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • P
    boverU•60
    @boverU

    For, example, this line.

    <div className={styles.planLabel}> <p className={styles.planType}>Annual Plan</p> <p className={styles.planPrice}>$59.99/year</p> </div>

    what if we receive data not statically, but from API - dynamically

  • P
    boverU•60
    @boverU

    Consider to create VStack, HStack components to create markdown with them, not just a lot of the divs. Add some abstractions, based on the props, you can decide what styles could be applied, you can leverage clsx or classnames package. I understand, probably css modules is not so bad and used on the many projects, but it is really time consuming. Consider tailwind css my friend.

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