hola, yo tengo el problema de que la barra tambien se me dibuja en los parrados de main, a la altura del boton "ver mas" , con vs code veo que apunta correctamente a .mission .container p, alguien mas le paso?
-
check_circle_outlineMódulo 1 | 5 clases
Introducción y configuración
expand_more -
check_circle_outlineMódulo 2 | 5 clases
Webpack
expand_more -
check_circle_outlineMódulo 3 | 5 clases
Layout
expand_more -
check_circle_outlineMódulo 4 | 10 clases
Estilos con SASS
expand_more-
done_all
Clase 1
Variables
-
done_all
Clase 2
Mixins
-
done_all
Clase 3
Selectores anidados
-
done_all
Clase 4
Funciones de color y otros
-
done_all
Clase 5
Botón animado
-
done_all
Clase 6
Trabajando con tipografía
-
done_all
Clase 7
Parallax Background
-
done_all
Clase 8
Extender mixins
-
done_all
Clase 9
Pseudo elementos y selectores de conjuntos
-
done_all
Clase 10
Centrar elementos con margen
-
-
check_circle_outlineMódulo 5 | 9 clases
Slider de productos
expand_more -
check_circle_outlineMódulo 6 | 3 clases
Google Maps
expand_more -
check_circle_outlineMódulo 7 | 4 clases
Navegación
expand_more -
check_circle_outlineMódulo 8 | 5 clases
Service Workers (páginas sin internet)
expand_more -
check_circle_outlineMódulo 9 | 4 clases
Subir a producción
expand_more -
check_circle_outlineMódulo 10 | 2 clases
Despedida
expand_more
9 comentario(s)
Al darle float: rigth al elemento figure no se me hubica al lado derecho, se queda en la misma posicion.
Tendre que utilizar flexbox?
Tendre que utilizar flexbox?
probé bajándole al width 60% pero se sigue desbordando la barra azul y genera el scroll horizontal al llegar al 1090x660
Hola, dejo aquí como he conseguido solucionarlo por si puede servile a otros y por si Uriel puede confirmar que es correcto y si puede contarme si es correcto la forma en la que lo he solucionado.
Al igual que todos mi "Our mission" se colocaba debajo del cover, para solucionarlo tuve que hacer lo siguiente: (2 horas para encontrar la solución...)
.full-height{
min-height: 100vh;
position: relative; /* Con esto ya puedo ver el mission pero se coloca encima del cover */
top: 440px; /* Con esto creo un espacio para que se ponga debajo del cover, pero no se si es la manera correcta de hacerlo */
}
Gracias de antemano!
Un saludo!
Al igual que todos mi "Our mission" se colocaba debajo del cover, para solucionarlo tuve que hacer lo siguiente: (2 horas para encontrar la solución...)
.full-height{
min-height: 100vh;
position: relative; /* Con esto ya puedo ver el mission pero se coloca encima del cover */
top: 440px; /* Con esto creo un espacio para que se ponga debajo del cover, pero no se si es la manera correcta de hacerlo */
}
Gracias de antemano!
Un saludo!
Tuve el mismo problema que isaacsanchez y su solución solo puso la segunda sección encima del efecto parallax
No se por que pero esta segunda sección esta justo detrás del cover parallax en mi proyecto. Alguien que sepa la solución para que se despliegue como debe de ser por favor!
Hola Uriel vieras que estuve probando tanto en firefox como en Chrome y noté que el pseudo elemento en pantallas pequeñas se desborda y deja un scroll a los lados mientras le resto de la página si se adapta perfectamente.
¿Esto lo resuelven más adelante? para ver si sigo avanzando o si dedico un poco más de tiempo a buscar la solución
¿Esto lo resuelven más adelante? para ver si sigo avanzando o si dedico un poco más de tiempo a buscar la solución
La barra inicia desde el último carácter del primee parrafo,, por lo anterior, la propiedad width varia de acuerdo a que tan extenso o no sea esta última linea. En mi caso fue width:25%;
Clase 24