0

@media (max-width:600px){

    body {
    background-color: rgb(56, 239, 10);
    padding: 0px;
    margin:0; 
    margin-right: -100px;
    }

Cuando despliego mi página web en modo dispositivo móvil, me crea un margen derecho el cual no he podido remover.

He verificado el contenido y todo está en línea dentro del parámetro que debería tener en modo móvil: es todo el borde de color verde que continúa en toda la página.

Sin embargo, el valor de "margin-right" no se aplica a la derecha, aunque a la izquierda sí.

¿Tienen alguna sugerencia?

2
  • Debes agregar tu código CSS y HTML del problema. Así no se puede adivinar donde o que es el problema. Commented el 3 ago. 2022 a las 22:22
  • Hola bienvenido a Stackoverflow, por favor has el recorrido de bienvenida para entender cómo funcionamos y de paso ganar tu primer medalla. Te recomiendo que leas Cómo preguntar para que tu pregunta sea mejor recibida. Debes colocar el código de lo que hayas intentado hasta el momento. Te sugiero que leas ejemplo mínimo verificable para que sea más fácil entender lo que buscas. Recuerda que debes demostrar que has investigado previamente antes de recurrir a preguntar. Saludos Commented el 3 ago. 2022 a las 23:05

1 respuesta 1

0

En ese código estas ejecutando margin y margin-right al mismo tiempo puedes hacerlo de diferentes formas:

aplicando margin, este modificara el margen de los 4 lados:

@media (max-width:600px){

    body {
    background-color: rgb(56, 239, 10);
    padding: 0px;
    margin: 1em;
    }

o aplicándolo a cada lado con margin:

@media (max-width:600px){

    body {
    background-color: rgb(56, 239, 10);
    padding: 0px;
    /* Arriba | Derecha | Abajo | Izquierda */
    margin: 0px 1em 0px 1em;
    }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.