How to change the number of columns dynamically with the width of a div?

Question

I am working with React and basically I have a nameSelector component that returns two rows. Row1 has 3 columns and Row2 has 2 columns. Each column has a button and label. T