Use Row with the wrap prop to create mobile-friendly breadcrumbs

// Edit the live code below
<Row wrap gap={0.5}>
<ChevronRight size={20} />
<ChevronRight size={20} />

On small screen sizes the chevrons can sometimes have odd in-between state. That is because the chevron arrows are independent of the text crumbs. This can be fixed by grouping chevron/crumb pairs in another row with the same spacing:

Now each crumb always collapses together with its chevron.