Skip to content
Submitted 3 months ago

Desktop First: Summary Card using React and Full Tailwind CSS

Alex 🤸🏻‍♂️•1,020
@sksksk2024
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

More familiarized in how to setup React with Tailwind CSS, how to use media queries and variable in tailwind css, and how to setup transitions, hovers and other styles just in tailwind!!!

What challenges did you encounter, and how did you overcome them?

Settin' up React. I make the confusion to combine Next.js with normal React🥲

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

For some reason, it doesnt deploy my favicon. I tried to see if the path is correct(it is), and then tried to change the extension, but without any success!!

Community feedback

  • Edwin Cheng•360
    @edwinc73Posted 3 months ago

    favicon looks good to me! Good job setting up the project! I can see that you have hard coded a lot of things in. When it comes to react you want to try reuse a lot of the elements. for example the list items can be a single component with different props.

    Marked as helpful
    1
    Alex 🤸🏻‍♂️•1,020
    @sksksk2024Posted 3 months ago

    Thanks for the tip, @edwinc73 ! 🙌

    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