Responsive page using Flexbox and CSS Grid
Design comparison
Solution retrospective
Can someone help me out with fixing the bug that selects the 10% button when I press enter
Community feedback
- @optimusprime202Posted almost 3 years ago
Hey @igbokwe-kosi, This is the way to do it.
Marked as helpful0 - Account deleted
Hi there π
Congratulate on finishing your project π. You did a great job π‘
I give some suggestions to help you take your project design to the next level ππ
- Add
cursor: pointer
to all buttons - Let's add some box-shadow to the card as well
Happy coding β
Maqsud
Marked as helpful0@igbokwe-kosiPosted almost 3 years ago@maqsudtolipov Thanks! Iβve made the addition
1 - Add
- @nakoyawilsonPosted almost 3 years ago
I experimented with your code in dev tools and adding
type="button"
to all five<button class="form__tip-button form__tip--value" value="___">
elements fixed the bug. I think the bug was occurring because the default behaviour of a button inside a form is submit but I'm not certain. Maybe someone with more experience would be able to give a better explanation.Marked as helpful0@igbokwe-kosiPosted almost 3 years ago@nakoyawilson Thank you so much! It fixed the bug.
0
Please log in to post a comment
Log in with GitHubJoin 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