Tips Calculator

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 ✨