README.md

Reto 03 - Cambiando el flujo del formulario de registro en la sección de publicidad

Objetivo

• Usar Flexbox para controlar la orientación y acomodo del contenido.

Requisitos

• Tener instalado Visual Studio Code

Instrucciones

El formulario está siendo desbordado debido a que está alineado en un flujo horizontal (row), para mejorar esta experiencia es necesario volverlo vertical. ¿Cómo hacemos?

TIP: El contenedor del formulario usa Flexbox.

Posible Solución

@media (max-width: 575px) {
  .publish > form {
    flex-direction: column;
  }

  .publish > form > div {
    height: 50px;
    margin-top: 10px;
  }

  .publish > form > div > input {
    width: 65%;
  }
}

Adicionalmente agregamos algunos estilos para mejorar la apariencia y ancho de nuestro formulario.

Siguiente