Va genial el curso, en mi caso, ya tengo conocimientos de HTML y CSS, pero sigo aprendiendo con estos tips que muy acertadamente da el profesor.
Para los que recién inician, apenas acaben este curso les recomiendo iniciar el curso definitivo de html y css con el gran profesor Diego De Granda.
Introducción
Cómo se crean las páginas web
¿Qué es el Frontend?
¿Qué es el Backend?
Sitios Code con HTML y CSS
¿Qué debo saber de HTML?
Mi primera página web con HTML
Maquetando el hero
Maquetando la sección de redes sociales
¿Qué debo saber de CSS?
Mis primeros estilos con CSS
Estilos del menú
Estilizando el Hero: elementos encima imágenes
Estilizando el Hero: información del hero
Estilos para las imágenes de redes sociales
Detalles finales con HTML y CSS
Despliega tu página a internet
Cómo hacer deploy a internet
Cómo publicar tu página web gratis en internet
Compra el dominio de tu página web
Cómo comprar un hosting para mi página web
Sitios No-code con WordPress
Qué es no-code
Despliega tu página web con WordPress
Instalación y configuración de Elementor
Mi primera página web con Elementor
Maquetando el hero con Elementor
Mi primera página web con una plantilla de WordPress
Conclusiones
¡Conoce otros proyectos de este curso!
Próximos pasos para convertirte en Web Developer
Comparte tu proyecto del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Estilizando el Hero: información del hero
12/27Recursos
Aportes 22
Preguntas 15
Ordenar por:
La idea de usar top y transform es… bastante ingeniosa, cuanto capte la idea me sorprendí 👀
Este es mi primer acercamiento a CSS y la verdad me está encantando. Creo que he encontrado algo en lo que enfocarme.
_!!Qué manera de explicar bacana!! _👌😎
LES COMPARTO COMO SE VE MI HERO, ME ENCANTÓ ESTA IMAGEN DE LA COMPUTADORA POR QUE ASÍ PUEDO PONER LA INFORMACIÓN COMO SI ESTUVIERA EN LA PANTALLA!!
probablemente aún no estamos listos para hablar de esto
{
display: grid;
place-items: center;
}
Es la magia que más me ha gustado para centrar un elemento!!
margin-left: es una propiedad que establece el margen izquierdo de un elemento.font-weight: es una propiedad que establece el grosor de la fuente de un elemento. Los valores comunes son “normal” (predeterminado) y “bold” (negrita).margin-bottom: es una propiedad que establece el margen inferior de un elemento.transform: es una propiedad que se utiliza para aplicar transformaciones 2D o 3D a un elemento. Por ejemplo, se puede rotar, escalar, trasladar, sesgar y deformar elementos con esta propiedad.top: es una propiedad que establece la posición superior de un elemento posicionado.
Me encanta todo lo que se puede hacer con CSS
por fin entendi por qué no me funcionaban los margenes!!
ciertos conceptos me hacen sentir super confundido pero en la practica todo cambia y se ve muy bien esteticamente.
“¡Oh Toodles!”
En esta clase se enseñó a estilizar la sección "Hero" de una página web usando HTML y CSS. Se explicó cómo organizar elementos en capas, aplicar colores, usar padding para espacio interno, y cómo utilizar Flexbox para alinear la imagen y texto. También se mostró cómo centrar verticalmente el contenido con propiedades como `top` y `transform`. La práctica con estas propiedades es crucial para dominar el diseño web.
Me encanta este curso, es la segunda vez que lo veo y me sigue pareciendo genial cada clase. La verdad para quienes estamos iniciando en este mundillo cada cosa por sencilla que parezca logra sorprendernos.
Saludos compañeros, no se por que las imágenes en el navegador no me salen bien.  he echo todo tal cual.![]()
Quiero aprender más con este profe:
https://platzi.com/profes/retaxmaster/
Translate me aparece como una propiedad inválida
transform: translate Y (-50%);
Si hace falta mas practica para poder entender más esta parte de translateY, trabajare en ello.
ya me estoy emocionando mucho con este curso y orita lo que veo es que cuando ago zoom al navedador la imagen del profe se alarga como un huevo y no se queda como circulo ,
crear display para modificar el espacio del span display-block
Muy interesante, tengo algo de tiempo utilizando CSS y HTML y no recuerdo haber visto antes ese “truco” con el translateY, excelente explicación =)
yaaaa que bien jajaja por fin quedo bien mi css
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?