Matt Seidel• 570
@mseidel819
Submitted
My number inputs have scrolls when active. Does anyone know how to get rid of those?
Ahmed Nabil
@Kikcreon
All comments
- Ahmed Nabil• 100
@Kikcreon
Posted
use this
/* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */ input[type=number] { -moz-appearance: textfield; }
look to mine : code -> https://github.com/Kikcreon/Tip-calculator-app/blob/main/index.css website -> https://kikcreon.github.io/Tip-calculator-app/
Marked as helpful
1 - Paul• 120
@SageKyle
Submitted
What is the best way to structure media queries? I still struggle with the mobile-first approach and setting breakpoints. Any advice would be greatly appreciated.
Ahmed Nabil• 100@Kikcreon
Posted
I think it's good to make it like bootstrap (look here : https://getbootstrap.com/docs/5.2/layout/breakpoints/ )
@media only screen and (max-width: 575px) {} @media only screen and (max-width: 767px) and (min-width: 576px) {} @media only screen and (max-width: 991px) and (min-width: 768px) {} @media only screen and (max-width: 1199px) and (min-width: 992px) {} @media only screen and (max-width: 1399px) and (min-width: 1200px) {} @media only screen and (min-width: 1400px) {}
Marked as helpful
0
