Best way to handle columns on different break points?

So on a desktop layout I may have a section with 3 columns, but on a tablet I would like to go down to 2, and then on mobile just to 1.

Currently I’m hiding the columns and making a duplicate of the content on each view and only displaying the correct content on the correct view.

I just feel like there is a better way than making 3 different column layouts for 3 different breakpoints, since I can’t just hide a column on a tablet or mobile view as it will still take up space in the column layout.

Does anyone know what I’m talking about? :smile:

Try using Flexbox instead of columns: