Verified Commit 34f17c02 authored by Jakob Moser's avatar Jakob Moser
Browse files

Determine number of columns using screen width

parent a5b2817d
Loading
Loading
Loading
Loading
Loading
+18 −0
Changes for css/main.css: 18 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -73,3 +73,21 @@ a.detail:hover {
.tool:hover .detail {
    color: white;
}

@media (max-width: 980px) {
    main {
        grid-template-columns: repeat(3, min-content);
    }
}

@media (max-width: 740px) {
    main {
        grid-template-columns: repeat(2, min-content);
    }
}

@media (max-width: 480px) {
    main {
        grid-template-columns: repeat(1, min-content);
    }
}
 No newline at end of file