سوال درباره breakpoint

سلام استاد وقت بخیر
من کد زیر رو تو فایل HTML قرار دادم

    <div class="md:container px-4 bg-rose-600 mx-auto">hello</div>

نتیجه شد دوتا عکس زیر

تو عکس 1 اون div از طرفین فاصله نداره،اما وقتی inspect میکنم تو تقریبا همین اندازه صفحه این فاصله بوجود میاد

تو داکیومنت نوشته وقتی از بریک پونت استفاده میکنیم از اون عرض به بعد اعمال میشه،درواقع تو حالتی که عرض صفحه از 768px بیشتر هست باید از طرفین فاصله داشته باشه
توی ویدیو های خودتون هم همچین رفتاری مشهود بود که توی حالت full screen اون بریک پوینت اعمال نمیشد
ممنون میشم دلیلش رو بهم توضیح بدین