Design comparison
SolutionDesign
Community feedback
- @JumanjigobezPosted over 1 year ago
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 helpful1
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