CSS - COLUMNS

    // COLUMNS
    //Applied to a div, p, etc
    column-count: 4;
    column-width: 100px; if the container shrinks, the number of column decreases
    Column-count: 3 column-width: 200px; //Combined
    column-rule: 20px solid black; //adds a border separation
    column-fill: auto; //the content is inside only one column -needs height ||balance; distributes content,
    column-gap: 50px; //Separation between columns -  1em default

    //inside the columns
    h1 { column-span: all; } takes all the columns