Vamos a continuar con nuestro proyecto y continuamos con la sección de anuncios.
Si quedamos un poco de scroll puede ser que aplicamos Flex Books en toda esta parte.
Por lo tanto esto lo vamos a rodear por y para que no apliquen un dispositivo móvil de acuerdo y cortamos
esto y lo pegamos aquí después que va a quedar esta forma y en grande se va a ver bien correctamente.
Este de aquí que tiene anunció este también lo podemos cortar y poner de nueva cuenta otra media Key
son muchos de acuerdo pero en realidad creen no van a hacer mucha diferencia.
Por ejemplo en el peso del archivo a lo mucho estamos añadiendo pocos bits con estos de Aquaris pero
la verdad es que la ganancia de nueva cuenta de tener todo agrupado es mucho mayor.
Entonces podés ver que se va viendo bien incluso los botones ya se ven bien que este botón toma todo
el espacio disponible y en grande no.
En esta parte sí pero no está canon entonces se ve bastante bien.
Me gusta mucho cómo está quedando más escrotal puedes ver que aparece esta parte aquí encuentra la casa
de tus sueños.
Esta tiene por ejemplo llega muy a las orillas como vimos anteriormente eso a mí me molesta un poco
cuando lo veo un sitio en varios sitios web como que no puedo leer hasta las esquinas del teléfono no
sé me siento extraño entonces aquí tenemos la imagen de contacto y tenemos este contenido puede ser
que tenemos Flex 1 eso hace que crezca y tome todo el espacio disponible a modificarlo por un flex cero
cero y 95 por ciento para que no nos tome todo el espacio disponible y que incluso se ven mejor que
el botón tenga así como cierto margen se va viendo bien.
Vamos a ver más scroll entonces ver que tenemos toda esta sección inferior.
Todo esto lo vamos a rodear por mi acuerdo de nueva cuenta 7 6 8 estado esto que está aquí entra acá
y si guardamos cambios podés ver cómo se posiciona correctamente tanto el blog como testimoniales y
se ve bastante bien y si lo haces grande puedes ver que se mantiene se va viendo bastante bien seamos
más Escovar puede ser que aquí tenemos una entrada de blog con un display Flex este también lo puedes
poner aquí por ejemplo mide Aquaris 7 6 8 pixeles.
Entrada blog y cortar lo que viene siendo este aquí y ponerlo aquí eso va a ser que cada imagen sea
más grande entonces va a depender de cómo quieras que se vea tu blog si con estas imágenes grandes o
las pequeñas que mostraba anteriormente eliminar esta parte por ejemplo y pegar el flex muxa aquí eso
al final tú decides como quieres que se vea tu aplicación.
A mi personalmente me gustó más la otra opción Shinseki media cuadra y 7 6 8 píxeles quiere entrar al
blog.
Nos hace falta el selector.
Podemos eliminar estos espacios de aquí se va viendo bien y esto de aquí también podría ir dentro de
un selector.
Dentro de un día y digamos de esta forma probamos en la parte grande pues ve bien muy bien y si damos
más scroll porque puedes ver que nuestro diseño lo único que nos falta es el Furaco que luego está el
Führer se quedó ahí tenemos el Führer vamos a poner esta parte de aquí dentro de su propio media y también
cuadra y 7 6 8 pixeles contenedor Fuhrer y cortamos este display.
Se va a hacer que se muestre arriba y abajo la navegación y derechos reservados.
Ahora por ejemplo puedes ver que está a la izquierda le puedes poner aquí abajo un texto en esta parte
de aquí un contenedor Fuhrer Texel a encender y eso va a ser que se centre en lo que es el contenido
del Führer pero cuando lo hagas grande puedes ver que no tienes que cambiar nada se va a acomodar automáticamente.
Ahora algunas personas por ejemplo tienen el poder y el Führer deciden ocultar lo que es la navegación.
Podrías poner aquí por ejemplo 7 Fuhrer Nav display no eso va a ser que se oculte ese elemento y por
ejemplo media cuadra por ejemplo Miyako Serie 7 6 8 pixeles poner site Fuhrer y un display Blok y eso
va a hacer que se muestre el elemento entonces aquí no se ve pero cuando estén grandes si se va a ver
después del display además de grit display Flex display Block y display in Block tenemos display Novum
para ocultar ciertos elementos con eso está lista la página principal puedes ver la diferencia entre
si después la verdad es que se ve bastante bien ahora usualmente yo creo los proyectos como proyecto
anterior es decir mobile first ir escribiéndolos de Aquaris para responsivo de una vez.
Pero como dije era parte del programa del curso que primero creáramos un proyecto como éste y después
verlos MIDI Aquaris para no confundirte mucho.
Así que espero esté quedando claro más o menos como es la idea y usualmente de nueva cuenta yo creo
los proyectos desde lo que viene siendo los de Aquaris desde que uno inicia.
Vamos a crear las páginas internas en el siguiente vídeo así que vamos a comenzar con nosotros.