css fixes

Author: ItsZariep

content/extras/updates.md

@@ -6,6 +6,6 @@ authors:
   - ItsZariep
 ---
 
-
+This page contains last 15 commits in [Cereus Linux codeberg organization](https://codeberg.org/cereus-linux)
 
 {{< updates >}}

layouts/_shortcodes/updates.html

@@ -3,7 +3,6 @@
 
 <section class="header-upt">
 	<div class="weltext">
-		<p id="str-extrasubtitle">This page contains last 15 commits in Cereus Linux codeberg organization</p>
 		<section class="post-card">
 			<a href="https://codeberg.org/cereus-linux.rss"><h1>Suscribe to Codeberg feed (RSS)</h1></a>
 		</section>
@@ -14,7 +13,6 @@ <h1>Recent Commits</h1>
 
 <div id="commit-feed"></div>
 
-
 <script>
 async function fetchCommits(url) {
 	try {

static/css/custom.css

@@ -221,9 +221,9 @@ input[type="text"] {
 
 @media only screen and (max-width: 768px) and (max-aspect-ratio: 1/1)
 {
-.dropdown-checkbox:checked + label + .tp-dropdown-elements {
-    display: block;
-}
+	.dropdown-checkbox:checked + label + .tp-dropdown-elements {
+		display: block;
+	}
 	#left-container .search-input {
 		display:block;
 	}

static/css/updates.css

@@ -20,12 +20,15 @@
 }
 
 #commit-feed {
-	width: 66%;
+	width: 100%;
 	margin: 0 auto;
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
+	gap: 10px;
 }
 .aboutpage .post .post-postcontent
 {
-    width:95%
+	width:95%
 }
 
 
@@ -91,7 +94,7 @@
 }
 
 /* Responsive adjustments */
-@media only screen and (max-aspect-ratio: 1/1) {
+@media only screen and (max-width: 768px) and (max-aspect-ratio: 1/1) {
 	.commit-table td {
 		display: block;
 		width: 100%;
@@ -101,4 +104,11 @@
 		width: 100%;
 		text-align: center;
 	}
+	#commit-feed {
+		width: 100%;
+		margin: 0 auto;
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(90%, 1fr));
+		gap: 10px;
+	}
 }