Господа, я хочу сделать компонент Papers, который для десктопа отображает

Question

Господа, я хочу сделать компонент Papers, который для десктопа отображает

айтемы обычным display: flex, а на мобилках делает из них карусель.
Хочу, чтобы выглядело так:
<Papers>
{docs.map(({ img, title, subtitle }) => (
<TitledImage
img={img}
title={title}
subtitle={subtitle}
/>
))}
</Papers>
Правильно ли я понимаю, что внутри Papers, чтобы обернуть каждый чайлд в какой нибудь блок, я должен сделать children.map(item => <div>{React.cloneElement(item)}</div>) или есть какой то другой способ?
Правильно ли я вообще подошел к проблеме и нормальная ли практика делать таким способом?