Main и conatainer в верстке⁠⁠

Добрый день!

Я только начинаю учиться в фронтенде и запас знаний маленький. Учусь по средствам Ютуба и гуглинга. Стараюсь использовать MDN Mozila для того чтобы понять что значит где какие атрибуты и теги.

Взял себе задачу сверстать и запустить обычный калькулятор. Столкнулся со следующей проблемой. Боди и Маин стали по ширине Контейнера.

Мне подсказали "так маин это див с display: block по умолчанию" я не совсем понимаю это выражение. Если кто сможет объяснить или даст статью почитать буду благодарен.

ссылку на песочнецу прикрепил https://codesandbox.io/s/stupefied-andras-jywp9h?file=%2Fsrc...

Спасибо заранее вам.