javascript - 如何创建响应式网格布局，如 unsplash.com，内容不断变化 - React js

Question

我正在从 facebook 中提取最后 6 个帖子。当发布新帖子时，网格的内容会发生变化，但我需要始终像unsplash.com一样填写布局。

到目前为止，我正在循环浏览帖子

{facebook.loading ? <Loading full/> : facebook.data.data.slice(0, 6).map((item, key) => <Col xs={12} md={4} className="feed-body-each" key={`social-key-${key+1}`}>
       <SocialMediaCard
         name={item.from.name}
         logo={'/images/golocal.jpg'}
         image={item.full_picture}
         post={item.message}
         postedOn={moment(item.created_time).format('LL')}
       />
</Col>)}

标签： javascriptcssreactjssassfrontend