Two Column Layout with Constrained Width

This Tailwind CSS code creates a two column layout with a constrained maximum width for desktop screens. The outer <div> centers the content horizontally using mx-auto and sets the maximum width to 7xl for large desktop screens. The inner <div> further constrains the width to a maximum of 3xl, allowing the content to remain readable on both desktop and mobile views. By nesting the inner div we maintain the horizontal centering while limiting the overall width.