Container sizing 1280 – 1920
When using Tailwind screen sizes, 1280px (laptop) and 1920px (desktop) screens use xl. So to display the content full width on 1280px, then give some space left and right on 1920px, this is what works for me.
<div class=”container flex flex-col my-8 lg:flex-row”></div>
.container {
@apply w-full px-4;
max-width: calc(theme(“screens.3xl”) + theme(“spacing.8”));
}