eguneraketa

public/css/styles.css

@@ -0,0 +1,43 @@
+.edukiontzia {
+	display: table;
+	margin:auto;
+}
+
+.item1 { grid-area: irudi1; }
+.item2 { grid-area: irudi2; }
+.item3 { grid-area: irudi3; }
+
+.irudi_1, .irudi_2, .irudi_3 {
+	width: 180px;
+}
+
+.irudiak{
+  display: grid;
+  grid-template-areas:
+    'irudi1 irudi2 irudi3';
+  grid-gap: 10px;
+  padding: 10px;
+  width: max-content;
+}
+
+
+@media only screen and (max-width: 360px) {
+	.irudiak{
+		grid-template-areas: 
+			'irudi1'
+			'irudi2'
+			'irudi3';
+	}
+}
+@media only screen and (max-width: 640px) {
+	.irudi{
+		width: 200px;
+	}
+}
+
+a {
+	text-decoration: none;
+}
+a:visited {
+	color: blue;
+}