Responsive Mobile first using flexbox

Community feedback

• 

  Vishav Ranta•50

  @rantavishavPosted over 3 years ago

  Hi, I am also New For coding World and tried out couple of challenges from this site. My first challenge was also this one. So I can give you a tip how I implemented Error messages.

  So basically I first set the error message in html file and give it desired css, at this time error message should be visible as suggested in the design. After that you make that error message element visibility : hidden. So whenever user Put the wrong input through JS You will check if input is correct or not, if not just make that style visibility: visible. This is old school trick but love it.

  Also You want to show result (tip/Amount and Amount/Person) as default values whenever user Put wrong input.

  Also your Reset Button didn't reset the tip % style back to default.

  Hope it helped. And yes it was very impressive :)

  2

  ---

  

  CMarghin•40

  @CH4R4FPosted over 3 years ago

  @rantavishav yep I was searching for a method to select the ::after pseudo class and change its content depends on the error (invalid number or empty input) but I Was lazy .. your idea looks good

  0