Modern CSS with Tailwind, 2nd Edition

Containers

Many CSS frameworks use a container class as the general top-level container to specify page width. While Tailwind does offer a container utility, Tailwind’s version does much less than similar classes do in other frameworks. All the container utility does in Tailwind is specify the max-width of the element based on the width of the browser viewport. For example, any viewport between 640 and 768 pixels wide would be set to a max-width of 640 pixels. Once the viewport goes over 768, the max-width stays at 768 pixels until the viewport hits 1024 pixels and then jumps again when the viewport reaches 1280 pixels.

The advantage of using a container is that it allows you to only worry about those specific widths in your design rather than ...