
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Jumanjigobez
Hey @tahobbit11; Congratulation on completing this challenge but maybe if I could add sth.
When the number is so large maybe if you could place the input box to have a css of
overflow: scroll
so that the number doesn't go outside the input box. input I tested with 6500000000000000000000000000000I inspected your code and the below is how you should have done on the input part:
#input{ width: 100%; /*to fit the wrapper container*/ overflow: scroll; /*enable scroll when the input is so large*/ }
If the scrollbar is huge and looking bad you can add the following in your css:
*::-webkit-scrollbar{/*the size of the scrollbar*/ width: 5px; height: 5px; } *::-webkit-scrollbar-track{ background: rgba(0,0,0,0.2); /*the background color of the scroll track*/ } *::-webkit-scrollbar-thumb{ background: #fafafa; }
Sorry for the long text :) otherwise I hope this will be helpfull to you.
Kudos and Happy Coding Bro.
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