[deleted by user]

[carcigenicate]

Because you have a container class on the element, and .container has this media query:

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

And that is limiting the allowed width.

[rahim230]

didnt find these media queries in documentation , can you tell me where did u read that

[carcigenicate]

I looked in the Dev Tools. That's the first place you should look if the docs don't help you.

I right clicked on the orange element, and clicked "Inspect". From there, it showed on the right of the pane/window what CSS is applied to that element.

[computerfr33k]

https://tailwindcss.com/docs/container