Tips Calculator

Community feedback

• 

  Levis Kim•1,200

  @Orekihotarou-kPosted 7 months ago

  Congratulations @Gogul11 on completing the challenge. You did well with your solution.

  Here's a few things you can do to make it even better

  • Center the main div vertically and horizontally. You can do so by adding these styles to the body which is the parent of the main.

  display: grid;
  align-items: center;
  min-height: 100dvh;
  

  • Use classes instead of ID's for most elements. CSS classes offer a way to efficiently manage styles and create a more modular and organized CSS code. A class can be used by many elements. Whereas an ID must be unique on a page, like a name tag.

  • For the text above the inputs, use <label></label>. This helps with accessibility. Screen readers need will announce the text inside of the label letting the user know the input content.

  Congrats again on completing the challenge. Happy coding ✨

  Marked as helpful

  1