How to wrap divs to another line?

Question

css

Available:
Four columns of text for the entire width of the screen, enclosed in "divs", the size of each column is set rigidly. On monitors with a diagonal of less than 19 "the right column is transferred to the next line and the symmetry of the page is broken. On phones, the columns line up beautifully in one column.
Task: How to make columns in a row on large screens, on smaller screens two columns are transferred at once, forming two rows of two columns, and on very small screens - 4 rows of one column?

Answer 1

google media queries