Vamos a continuar con el proyecto y vamos a finalizar por fin lo que viene siendo la página principal.
Puedes ver que hemos hecho puesto mucho esfuerzo.
La verdad es un diseño no es tan sencillo tienen sus complicaciones pero lo hemos llevado bastante bien
se va viendo bastante bien.
Siguiente paso vamos a abrir lo que se índex un poco de scroll que tenemos contenedor voy a colocar
una clase Fuhrer y también nuestra clase de sección para que agregue un poco de separación y después
vamos a colocar un elemento padre para tanto la navegación como el párrafo poderlo posicionar con Flex
Books.
Esto va a tener una clase de contenedor y contenedor Fuhrer entonces dos clases.
Cortamos aquí pegamos y lo vamos a intentar un poco.
Si guardamos cambios puede ser que de esta forma se va viendo bien.
Ahora en este Seid Fuhrer puedes ver que está por fuera del contenedor.
Si vemos el diseño pasa igual que en esta sección de arriba puede ser que el color de fondo se expande
totalmente.
Por lo tanto vamos a colocar aquí Furet y ponemos puntos Fuhrer y el color que vamos a utilizar es Bagram
color puros tres es un color gris un poco más oscuro si guardamos cambios puede que se vea esta forma.
Ahora aparece esta franja que abajo eso pasa porque le colocamos sección que se recuerda después de
nuestras primeras utilidades y tiene un margen Boron de 2 por eso tiene esa línea abajo sin ningún problema
la podemos reescribir aquí nada de margen Mañe Zero y eso va a eliminar esa parte ahora puedes ver que
se sigue manteniendo una pequeña línea es porque por default todos los párrafos inspeccionamos el código
este párrafo de aquí tiene un poco de margen el tanto arriba como abajo entonces vamos a colocar aquí
7 Fuhrer y de hecho voy a agregar una clase mejor en una clase de copyright.
Y podemos darle estilos por sí solo con copyright margen cero para eliminarlo.
Bueno vemos cambios abrimos el proyecto y puede ser que se elimina lo que viene siendo esa esa franja
siguiente paso puedes ver que si vemos el diseño tenemos un poco de separación aquí arriba y aquí abajo
por lo tanto abrimos este contenedor Fuhrer
y lo pegamos aquí junto al contenedor Fuhrer y primero un Padín Badín espadín tres RAAM es decir tres
arriba y abajo y cero izquierda y derecha.
Entonces guardamos cambios y puede ser que agregamos un poco de espacio hacia adentro esa es la ventaja
o esa es la característica del espacio hacia adentro y después vamos a colocar aquí un display Flex
display Flex y recuerda justificó en space between se va a colocar un elemento del lado izquierdo otro
del lado derecho es muy sencillo la verdad.
Crear el foro se va viendo bastante bien y finalmente aquí vamos a colocar el copyright un color color
y ponemos color blanco.
Guardamos cambios abrimos el proyecto desde el que se ve bastante bien lo que es el Proyecto Ara algo
importante esta lista es la que es la página principal no es responsive esta página web porque no hemos
visto lo que son los MIDI Aquaris lo veremos un poco más adelante una vez finalizado el proyecto estaremos
viendo qué son los mini Aquaris pero está listo esta parte y se ve bastante bien en una computadora
en una televisión.
Entonces estaremos viendo cómo hacerlo compatible con un dispositivo móvil más adelante la primera página
usualmente es la que más contenido tiene pero de aquí en adelante va a ser mucho más sencillo reutilizar
elementos así que el proceso de desarrollo va a ser más rápido para las páginas internas.
Vamos a continuar en el siguiente video con la página de nosotros.