He declarado una class llamada #inner en CSS para aplicar a un determinado div que posee la propiedad width: 50%;
pero quisiera que al visualizarlo en un dispositivo móvil la propiedad width fuese del 100% width: 100%;
He pensado en hacerlo de la siguiente forma, pero lo he probado en mi smartphone y no funciona:
#inner {
width: 50%;
margin: 0 auto;
padding: 0 20px;
background: #ffffff;
border-radius: 10px;
padding: 40px;
}
@media screen and (max-width: 480px){
#inner{
width: 100%;
}
}
¿Cómo podría hacer que funcione?
clase
recuerda que estas enCSS
se toman con.
(punto) el#
es para losid
. y si quieres un sitioresponsive
te recomiendo usarBOOTSTRAP
es sencillo y mucho mejor