css

Flex

<SampleCardList flexWrap="wrap">
          {cards.map(([k, { value }]) => (
            <div key={k}>
              <SampleCard
                id={k}
                title={value}
                checked={true}
                pageSize={1}
                onChange={() => {}}
              />
            </div>
          ))}
        </SampleCardList>

const SampleCardList = styled(DFlex)`
  width: auto;
  margin: 10px -5px;
  > div {
    padding: 5px;
    flex-basis: calc(100% / 5);
  }
`;