Skip to content
OverviewSolutions
3
Comments
2
Ahmed Nabil
@Kikcreon

All comments

  • Ahmed Nabil•100
    @KikcreonPosted over 2 years ago

    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
    @SageKyleSubmitted over 2 years ago

    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.

    Easybank Responsive Landing Paage

    1
    Ahmed Nabil•100
    @KikcreonPosted over 2 years ago

    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