Results summary component with React and Tailwind

Solution retrospective
Fist site with react and tailwind
What challenges did you encounter, and how did you overcome them?Correctly setting up react and tailwind.
What specific areas of your project would you like help with?Any tips for React and tailwind welcome.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@jakegodsall
Hi 👋
Congratulations on this project. It looks really great at both the mobile and the desktop viewport!
One thing I noticed however is that at the size immediately after switching from your mobile layout the the desktop layout, there is a lot of content not visible. This is due to the way you are defining your sizing in the desktop view. Your
<main>
element has awidth: 50%
which looks great as the viewport gets larger, but it doesn't give enough room for the content below let's say 1000px.A way of solving this problem would be to give the
width
of the container a much higher value, for example 90%, and then providing amax-width
property so that it doesn't get too big when the screen reaches desktop size.main { width: 90%; max-width: 900px; }
Hope this helps, and keep up the good work! 😁
Marked as helpful
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