/*
This provides two classes for two-column layout.
The first class is for the left column, and the second class is for the right column.
It will be mobile friendly as well.
See link for more:
https://github.com/squidfunk/mkdocs-material/issues/6845#issuecomment-2192879200
*/

/*
Example usage in a markdown file:
/// html | div.pretzer-core-two-column-left
...
///

/// html | div.pretzer-core-two-column-right
...
///

/// html | div.pretzer-core-two-column-end
///

*/

.pretzer-core-two-column-left {
    float: left;
}
.pretzer-core-two-column-right {
    float: left; /* Use left float for mobile compatibility */
}
.pretzer-core-two-column-end {
    clear: both;
}

/* https://github.com/squidfunk/mkdocs-material/blob/d0c4bd618fd01b849ba85aee5275c23481214eea/src/overrides/home.html#L48 */
@media screen and (min-width: 60em) {
    .pretzer-core-two-column-left {
        float: left;
        width: 47%;
    }
    .pretzer-core-two-column-right {
        float: right;
        width: 47%;
    }
}