Skip to main content

Hola no se si te ayude de algo pero dentro de tu CSS ajustalo por el tamaño del dispositivo

/============================================= ESCRITORIO GRANDE (LG revisamos en 1366px en adelante) =============================================/

@media (min-width:1200px){

AQUI COLOCAS CONFIGURACION PARA ESCRITORIO GRANDE }

/============================================= ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px) =============================================/

@media (max-width:1199px) and (min-width:992px){ }

/============================================= ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px) =============================================/

@media (max-width:991px) and (min-width:768px){ }

/============================================= MOVIL (XS revisamos en 320px) =============================================/.

@media (max-width:767px){ }

/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

AQUI COLOCAS CONFIGURACION PARA ESCRITORIO GRANDE
}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){
}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){
}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){
}

Dentro de cada bloque haces la configuracion que consideres pertinente de esta manera tienes un diseño responsivo espero que te sirva.

Hola no se si te ayude de algo pero dentro de tu CSS ajustalo por el tamaño del dispositivo

/============================================= ESCRITORIO GRANDE (LG revisamos en 1366px en adelante) =============================================/

@media (min-width:1200px){

AQUI COLOCAS CONFIGURACION PARA ESCRITORIO GRANDE }

/============================================= ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px) =============================================/

@media (max-width:1199px) and (min-width:992px){ }

/============================================= ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px) =============================================/

@media (max-width:991px) and (min-width:768px){ }

/============================================= MOVIL (XS revisamos en 320px) =============================================/

@media (max-width:767px){ }

Dentro de cada bloque haces la configuracion que consideres pertinente de esta manera tienes un diseño responsivo espero que te sirva

Hola no se si te ayude de algo pero dentro de tu CSS ajustalo por el tamaño del dispositivo.

/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

AQUI COLOCAS CONFIGURACION PARA ESCRITORIO GRANDE
}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){
}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){
}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){
}

Dentro de cada bloque haces la configuracion que consideres pertinente de esta manera tienes un diseño responsivo espero que te sirva.

Origen Enlace

Hola no se si te ayude de algo pero dentro de tu CSS ajustalo por el tamaño del dispositivo

/============================================= ESCRITORIO GRANDE (LG revisamos en 1366px en adelante) =============================================/

@media (min-width:1200px){

AQUI COLOCAS CONFIGURACION PARA ESCRITORIO GRANDE }

/============================================= ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px) =============================================/

@media (max-width:1199px) and (min-width:992px){ }

/============================================= ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px) =============================================/

@media (max-width:991px) and (min-width:768px){ }

/============================================= MOVIL (XS revisamos en 320px) =============================================/

@media (max-width:767px){ }

Dentro de cada bloque haces la configuracion que consideres pertinente de esta manera tienes un diseño responsivo espero que te sirva