Multiple style fixes (Now resolution mobile is until 1100px)

content/posts/0000010-clases-de-guitarra-eduardo.xml

@@ -0,0 +1,19 @@
+<post>
+	<author>Burguillos.info</author>
+	<date>2022-11-15T23:41+00:00</date>
+	<title>Clases de Guitarra con Eduardo Trassierra.</title>
+	<ogdesc>Clases de Guitarra con Eduardo Trassierra.</ogdesc>
+	<category>talleres</category>
+	<img src="/img/eduardo-trasierra-preview.png"/>
+	<slug>clases-guitarra-eduardo-trassierra</slug>
+	<content>
+		<img alt="Imagen de las clases de guitarra, el profesor Eduardo Trassierra" src="/img/eduardo-trasierra.jpg"/>
+		<p>Os informamos de que se ha abierto el plazo de inscripción para clases de guitarra impartidas por Eduardo Trassierra, un reputado guitarrista a escala nacional.</p>
+
+		<p>Las clases estarán localizadas en nuestro municipio, Burguillos.</p>
+
+		<p>Desde Burguillos.info aun no conocemos el precio de las clases, el organizador, Ángel, nos ha proporcionado un telefono de contacto donde podéis preguntar todos los detalles. <a href="tel:+34676334071">676334071</a></p>
+
+		<p>Las clases comenzarán tan pronto como se reunan 5 personas interesadas. ¡No te demores en inscribirte!</p>
+	</content>
+</post>

public/css/styles.scss

@@ -47,6 +47,9 @@ body {
 		width: 100%;
 		img {
 			max-width: 100%;
+			margin-left: auto;
+			margin-right: auto;
+			display: block;
 		}
 		table {
 			color: $background_div;
@@ -164,6 +167,12 @@ body {
 			height: 50px;
 			padding-bottom: 10px;
 		}
+		nav.desktop {
+			display: none;
+			a {
+				background: $background_div;
+			}
+		}
 		nav {
 			overflow: auto;
 			display: block;
@@ -177,14 +186,13 @@ body {
 				padding-right: 10px;
 				height: 100%;
 				text-decoration: none;
-				background: $background_div;
 				color: $color_div;
 				margin: 0;
-				&.selected {
+				&:hover {
 					background: $color_div;
 					color: $background_div; 
 				}
-				&:hover {
+				&.selected {
 					background: $color_div;
 					color: $background_div; 
 				}
@@ -198,22 +206,23 @@ body {
 			position: fixed;
 			display: flex;
 			width: 100%;
-			div {
-				width: 65%;
 			background: $background_div;
+			height: 60px;
+			a {
+				height: 100%;
+				width: (100% / 6);
 			}
+			div {
+				width: (100% * 4 / 6);
 			}
-		nav.desktop {
-			display: none;
-		
 		}
 		nav.mobile-foldable {
 			display: none;
 			background: $background_div;
 			color: $color_div;
 			a {
-				background: $color_div;
-				color: $background_div;
+				//background: $color_div;
+				//color: $background_div;
 				display: block;
 			}
 		}
@@ -242,7 +251,7 @@ body {
 
 }
 
-@media (min-width: 720px) {
+@media (min-width: 1100px) {
 	body {
 		div.page-contents {
 			th,td {