Template:Before and after/styles.css: Difference between revisions

Content deleted Content added

Inline

Revision as of 07:57, January 31, 2025

.template--before_and_after {
	margin: 0 auto;
	width: 80%;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: repeat(2, min-content);
	gap: var(--space-sm);
}

@@ Line 2: / Line 2: @@
 	margin: 0 auto;
 	width: 80%;
-	display: flex;
+	display: grid;
+	grid-template-columns: 1fr auto 1fr;
-}
+	grid-template-rows: repeat(2, min-content);
+	gap: var(--space-sm);
-.template--before_and_after:first-child,
-.template--before_and_after:last-child {
-	flex: 1 0 fit-content;
-}
-.template--before_and_after:nth-child(2) {
-	flex: 0 0 fit-content;
 }