add ContentLayout.css

2026-03-09 22:05:55 +03:00
parent 1b4be186a7
commit 22e141cd81
1 changed files with 45 additions and 0 deletions
--- a/src/styles/ContentLayout.css
+++ b/src/styles/ContentLayout.css
@@ -0,0 +1,45 @@
+.content-main{
+    margin: 0 auto;
+	display: flex;
+    gap: 12px;
+    width: 100%;
+}
+
+	.content {
+   		flex: 2; /* Занимает 2 части */
+   	}
+
+	.sidebar {
+    	/*flex: 1;  Занимает 1 часть */
+    	min-width: 250px; /* Минимальная ширина для сайдбара */	
+		width: 250px;
+	}
+
+	.banner {
+    	min-width: 260px;
+		max-width: 260px;
+		min-height: 200px;
+		background: #f0f0f0;
+	}
+
+	@media (max-width: 768px) {
+
+		.content-main{
+			width: 100%;
+			flex-direction: column;
+			margin: 0;
+			padding: 8px;
+		}	
+
+		.sidebar {
+			display: none;
+		}	
+
+		.content {
+        	flex: 1; /* Контент на всю ширину */
+        	width: 100%;
+    	}
+
+
+	}	
+