Two-Tier Block with Rounded Gray Background

This Tailwind CSS code creates a two-tiered content block with a light gray background and rounded corners on larger screens. The outer <div> has overflow hidden and bg-gray-50 classes which clips content and sets a light gray background. The inner <div> pads the content on x and y axes and rounds the corners at the sm breakpoint and above.

Similar Components

Other components related to tailwind, css, responsive, layout, background, padding, rounded corners tags