ariketak

ariketa-03/public/css/footer.css

@@ -0,0 +1,12 @@
+footer{
+	position:fixed;
+	width: 100%;
+	height: max-content;
+	bottom: 0;
+	left: 0;
+	background-color: #000000;
+	color: white;
+	text-align: center;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}

ariketa-03/public/css/header.css

@@ -0,0 +1,59 @@
+header {
+background-color: #0069ed;
+position: fixed;
+top: 0;
+left: 0;
+right: 0;
+height: 50px;
+display: flex;
+flex-direction: row;
+align-items: center;
+z-index: 9;
+box-shadow: 0 0 25px 0 black;
+color: white;
+}
+
+header > .back:nth-child(2) {
+    order: 1;
+    position: fixed;
+    left: 15px;
+}
+
+header :nth-child(1) {
+    order: 2;
+}
+
+header > .next:nth-child(3) {
+    order: 3;
+    position: fixed;
+    right: 15px;
+}
+
+.title{
+text-align: center;
+right: 0;
+left: 0;
+position: fixed;
+}
+
+.next {
+  width: 0;
+  height: 0;
+  border: 10px solid transparent;
+  border-right: 0;
+  border-left: 15px solid white;
+  position: fixed;
+  right: 15px;
+  display: none;
+}
+
+.back {
+  width: 0;
+  height: 0;
+  border: 10px solid transparent;
+  border-left: 0;
+  border-right: 15px solid white;
+  position: fixed;
+  left: 15px;
+  display: none;
+}

ariketa-03/public/css/styles.css

@@ -0,0 +1,48 @@
+.edukiontzia {
+	display: table;
+	margin:auto;
+	position: relative;
+	top: 50px;
+}
+
+.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;
+}
+
+#unknown, #logged{
+	margin:80px auto auto;
+}
+
+@media only screen and (max-width: 480px) {
+	.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;
+}