Tip Calculator App using CSS Flexbox & CSS Grid

Really loved this challenge. A stepping stone for the Intermediate version of this challenge (kinda). And a question for the community, How can I make the white container increase with content?, I tried changing the max-width of the container but it only made it too wide. I want the container to increase as the tip/person or total/person value increases. Feel free to look into my code ;) and thanks for leaving me an honest feedback ;)