Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Desktop First: Summary Card using React and Full Tailwind CSS

@sksksk2024

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@edwinc73

Posted

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

Please log in to post a comment

Log in with GitHub
Discord logo

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