Crearemos la vista para dispositivos móviles de nuestra aplicación, por el momento solo su estructura.
Colocaremos estilos al header de nuestro home.html. Es decir, debemos sumarle estilos al navbar, login y al search bar del header. Crearemos la carpeta public/css para ubicar todos los archivos de estilo.
Nuestro sitio debe funcionar en distintos dispositivos y su navegabilidad se debe adaptar a cada uno de ellos. La apariencia de nuestro sitio debe ser la correcta en las distintas medidas de viewport.
Ahora que tenemos más herramientas como Flexbox podemos empezar a manejar nuestros elementos para que se posicionen según los requerimientos del diseño de nuestro sitio. Debe ser una grilla flex 100% responsive.
Todo e-commerce necesita por lo menos dos formularios: uno para registrar a cada usuario que desea tener una cuenta en el sitio; y otro que permita, dado un nombre de usuario y una contraseña, ingresar/loguearse al mismo.
Ahora tenemos que reorganizar un poco nuestro código y seguir mejorando el aspecto visual de nuestras páginas. Sumemos mejoras a Mercado Liebre.