Skip to main content
Corrección de ortografía
Origen Enlace
Rosyec Parrado
  • 526
  • 1
  • 5
  • 17

Para solucionar este tipo de inconvenientes a la hora de visualizar demasiado contenido en una pagina web para distintos dispositivos móviles, es bueno trabajar con FlexBox que te permite solucionar todo esto de una manera fácil.

Ejemplo:

.form-container {
  padding: 5%;
  background: #ffffff;
  border: 9px solid #f2f2f2;            
  max-width: 520px;
  margin: auto;

  /* Flexbox */
  display:flex;
  flex-flow:row wrap;
  display: -webkit-flex; //Esto es para que funcione en el navegador de CHROME
}

Para solucionar este tipo de inconvenientes a la hora de visualizar demasiado contenido en una pagina web para distintos dispositivos móviles, es bueno trabajar con FlexBox que te permite solucionar todo esto de una manera fácil.

Ejemplo:

.form-container {
  padding: 5%;
  background: #ffffff;
  border: 9px solid #f2f2f2;            
  max-width: 520px;
  margin: auto;

  /* Flexbox */
  display:flex;
  flex-flow:row wrap;
  display: -webkit-flex; //Esto es para que funcione en el navegador de CHROME
}

Para solucionar este tipo de inconvenientes a la hora de visualizar demasiado contenido en una pagina web para distintos dispositivos, es bueno trabajar con FlexBox que te permite solucionar todo esto de una manera fácil.

Ejemplo:

.form-container {
  padding: 5%;
  background: #ffffff;
  border: 9px solid #f2f2f2;            
  max-width: 520px;
  margin: auto;

  /* Flexbox */
  display:flex;
  flex-flow:row wrap;
  display: -webkit-flex; //Esto es para que funcione en el navegador de CHROME
}
Origen Enlace
Rosyec Parrado
  • 526
  • 1
  • 5
  • 17

Para solucionar este tipo de inconvenientes a la hora de visualizar demasiado contenido en una pagina web para distintos dispositivos móviles, es bueno trabajar con FlexBox que te permite solucionar todo esto de una manera fácil.

Ejemplo:

.form-container {
  padding: 5%;
  background: #ffffff;
  border: 9px solid #f2f2f2;            
  max-width: 520px;
  margin: auto;

  /* Flexbox */
  display:flex;
  flex-flow:row wrap;
  display: -webkit-flex; //Esto es para que funcione en el navegador de CHROME
}