TIP CALCULATOR

Please log in to post a comment
Log in with GitHubCommunity feedback
- @RioCantre
Hello there! Nice work with this one. Looking at your solution, I would suggest the following for you...
- Add media queries for the responsive design. With
max-width:1066px
as the starting breakpoints. Use Flexbox for the alignment - Add
cursor: pointer
for the hover state - Adjust the background color of the
.reset-btn
intobackground: hsla(183, 78%, 24%, 1);
and hover state withbackground: hsla(172, 61%, 77%, 1);
- Wrap the whole content
container
with specific tag likemain
. For HTML structures, refer it with this one Semantics - Remove commented code to keep it clean. Alternative is to uncomment and wrap the
attribution
withfooter
tag. Add name and links with your work/portfolio
Overall, you did good.Hope this helps and Keep it going!
Marked as helpful - Add media queries for the responsive design. With
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