Two-Column Form Layout with Profile, Personal Info, and Notifications Sections

This creates a responsive two-column form layout using Tailwind CSS utilities. It has three sections - Profile, Personal Information, and Notifications. The Profile section has inputs for website, about info, photo upload, and cover photo upload. The Personal Information section has inputs for name, email, country, address fields, etc. The Notifications section has checkboxes for email notifications and radio buttons for push notifications. It uses Tailwind's grid system with grid-cols, gap utilities, and col-span classes to create the two-column layout on desktop. The forms have styled inputs, selects, textareas with Tailwind's border, padding, sizing, and ring classes.

Similar Components

Other components related to tailwind, css, forms, inputs, grid, columns, responsive tags