Buenas compañeros, pues sencillamente; tengo unas líneas de código con HTML y CSS, hasta ahora todo el código ha discurrido con naturalidad, y tengo un elemento p que no responde a una media query.
Mi objetivo es que no se muestre en las pantallas más pequeñas.
A ver si vosotros veis algo raro:
Código HTML:
Ver original<div class="contacto-datos"> <p class="contacto-datos-nombre">[NOMBRE DE LA EMPRESA]
</p> <a href="http://www.comodinpress.com/"><img src="index-files/web-icon.png" />***
</a> <a href="href=tel:***"><img src="index-files/phone-icon.png" />***
</a> <a href="mailto:***"><img src="index-files/mail-icon.png" />***
</a>
Código CSS:
Ver original/*instrucción fuera de la media query*/
.contacto-datos-nombre{
display: block;
font-size: 1.5em;
margin-bottom: 6vh;
}
/*Instrucción en el interior de la media query*/
@media (max-width: 750px) {
[...]
.contacto-datos-nombre{
display: none;
}
}