Default to 6 column layout (d2852628) · Commits · Fachschaft / Portal

css/main.css

+10 −10

Changes for css/main.css: 10 added lines, 10 removed lines.
Original line number	Diff line number	Diff line
		@@ -28,17 +28,17 @@ body.green {
		background-image: url("/lib/nautilus/nautilus_green.svg");
		}

		main {
		.tools {
		display: grid;
		margin: 4em 0;

		grid-template-columns: repeat(5, min-content);
		grid-template-columns: repeat(6, min-content);
		column-gap: 4em;

		row-gap: 2em;
		}

		main.col-7 {
		.tools.col-7 {
		grid-template-columns: repeat(7, min-content);
		}

		@@ -110,31 +110,31 @@ a.detail:hover {
		}

		@media (max-width: 1670px) {
		main.col-7 {
		.tools.col-7 {
		grid-template-columns: repeat(6, min-content);
		}
		}

		@media (max-width: 1390px) {
		main.col-7 {
		.tools, .tools.col-7 {
		grid-template-columns: repeat(5, min-content);
		}
		}

		@media (max-width: 1150px) {
		main, main.col-7 {
		.tools, .tools.col-7 {
		grid-template-columns: repeat(4, min-content);
		}
		}

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

		@media (max-width: 740px) {
		main, main.col-7 {
		.tools, .tools.col-7 {
		grid-template-columns: repeat(2, min-content);
		}
		}
		@@ -145,14 +145,14 @@ a.detail:hover {
		height: 8em;
		}

		main, main.col-7 {
		.tools, .tools.col-7 {
		column-gap: 2em;
		margin: 2em;
		}
		}

		@media (max-width: 310px) {
		main, main.col-7 {
		.tools, .tools.col-7 {
		grid-template-columns: repeat(1, min-content);
		}
		}

+1 −1

Changes for index.html: 1 added line, 1 removed line.
Original line number	Diff line number	Diff line
		@@ -9,7 +9,7 @@
		</head>

		<body class="blue">
		<main>
		<main class="tools">
		<div class="tool">
		<a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/meet"><i class="fa-solid fa-phone-volume"></i> Meeting</a>
		</div>