Box Model, CSS-Grid, FlexBox, Javascript etc

Community feedback

• Account deleted

  Hi,

  Nice one on completing the challenge it seems to be pretty good, and the functionality is pretty tight.

  • You solution looks good but some stuff seems to have been styled, like the value on select tip %, they don't have the same font as the other stuff.
  • & Once the can't be zero error has been triggered it does not go away, it just stays on there no matter what you do.
  • The numbers on the output section expand/stretch the container when they get too long, you should try to avoid that.

  You can also hide the up/down arrow that appear when you hover an input box this way;

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  

  Everything looks way better without them showing.

  Keep coding👍.

  1

  ---

  

  Mamatkulov Maruf•340

  @MarufjanPosted about 3 years ago

  @thulanigamtee Hey Tee 😃 I appreciate your feedback mate!

  1. Yes I styled all select tip % as I try to make them look better, it was on purpose.
  2. yeah you are right about the error message.
  3. yeah for number with a few digits it makes expand the whole container. But, I saw your solution and it is not showing all number though the container stays constant. Seems we have problems there lol. I will try make it work :)
  4. Yeap I should try your example code to remove arrows.

  Happy Coding 🙏🏻

  0