Grid layout responsiveness not working.

[faridsa]

Hello I'm using v3.3.3 to build a contact form with grid layout
My goal is to show one column in small devices and 2 columns in large screens.

So, as shown in this playground https://play.tailwindcss.com/fRUAjFXQ9b I set fieldset in this way <fieldset class="grid grid-cols-1 gap-4 lg:grid-cols-2 lg:gap-8"> but it remains as 2 columns layout no matter screen size.

Any idea should be much appreciated.

[nikolailehbrink]

Hey @faridsa,

The issue you're encountering is due to setting your comments section container with col-span-2. For it to function as you intend on smaller screens, you should use lg:col-span-2. This ensures that the spanning only operates correctly for the large breakpoint.

https://play.tailwindcss.com/ivn4zqODxp

[faridsa]

Thank you for your accurate reply @nikolailehbrink.