Tip calculator App Challenge Using HTML, CSS and Vanilla JavaScript

@dxiDavid Hello 👋

This may be because there is no width defined for the <main> element.

This also causes the box width to change during the use of the calculator. For example if you enter something into the bill field and then chose a tip%, the box expands a bit which is not ideal. To fix it you could try this:

main {
    /* min-width: 100%; */
    max-width: 100%;
    width: [width from the design, I don't know what it is];
}
.calculator-container {
    width: 100%;
}

This way the component should have a fixed width but would still have a responsive behavior for screens smaller than its given width.

Hope this helps! Otherwise you did a good job here :)

@dxiDavid I'll try it out, thank you