import React from 'react';
const MyComponent = () => {
return (
<div className="bg-gray-200 h-screen">
<div className="container mx-auto px-4">
<div className="sm:grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
{}
<div className="bg-white p-4 sm:col-span-2 md:col-span-1 lg:col-span-1">Section 1</div>
{}
<div className="bg-white p-4 sm:col-span-2 md:col-span-1 lg:col-span-1">Section 2</div>
{}
<div className="bg-white p-4 sm:col-span-2 md:col-span-1 lg:col-span-1">Section 3</div>
{}
<div className="bg-white p-4 sm:col-span-2 md:col-span-1 lg:col-span-1">Section 4</div>
</div>
</div>
</div>
);
};
export default MyComponent;