Containers are used to structure page layout by defining a maximum or fluid width depending on the screen size. They help center the content, control its reading width, and ensure comfortable spacing across mobile, tablet, and desktop devices.

The current configuration sets the typographic baseline to 1rem = 10px, using html { font-size: 62.5%; }.

Just choose the container size you need, and it will automatically apply its own width or max-width based on your layout, while remaining fully responsive across breakpoints.