Skip to content

Instantly share code, notes, and snippets.

@ThaddeusJiang

ThaddeusJiang/antd-responsive-design.jsx

Created October 25, 2023 12:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ThaddeusJiang/5806bc2f02d91561c126a28deaa12d6d to your computer and use it in GitHub Desktop.
Save ThaddeusJiang/5806bc2f02d91561c126a28deaa12d6d to your computer and use it in GitHub Desktop.
Download ZIP
antd GridView - Responsive Design
Raw
antd-responsive-design.jsx
<List
grid={{
gutter: 16,
xs: 1,
sm: 2,
md: 4,
lg: 4,
xl: 6,
xxl: 3,
}}
dataSource={data}
renderItem={item => (
<List.Item>
<Card title={item.title}>Card content</Card>
</List.Item>
)}
/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment