Resulta que en tu archivo estilos.css
, la sección que tienes el código que adjuntas, esta dentro de una media query
@media (max-width: 800px) {
iframe {
width: 100%;
}
h2{
text-align: center;
}
p {
font-family: Sans-serif;
}
si redimencionas el navegador a 800px o menos se verán tus estilos.
Solo debes cerrar la ambas media querys(idealmente quitar una) quedando de la siguiente manera.
@media (max-width: 800px){
.mobile{
width: 100%;
}
iframe {
width: 100%;
}
}
h2{
text-align: center;
}
p {
font-family: Sans-serif;
}
html
donde cargas elCSS
para poder ver si los cargaste correctamente!important
(recomendación de Bruno), ya que te puede generar problemas. Puedes consultarlo aquí