Curso Práctico de Maquetación en CSS

Curso Práctico de Maquetación en CSS

Instruido por:
Diego De Granda
Diego De Granda
Básico
3 horas de contenido
Ver la ruta de aprendizaje
Tu blog profesional
Proyecto del curso
Tu blog profesional

Construye un blog estático para compartir tus intereses y experiencia profesional. En el home, coloca todas las entradas que generes y una página de detalle para cada contenido. También crea una sección de contacto, para que puedas conectarte con otros profesionales.

Curso Práctico de Maquetación en CSS

Curso Práctico de Maquetación en CSS

Progreso del curso:0/26contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/26contenidos(0%)

Introducción

Material Thumbnail

Introducción del curso

02:19 min

Material Thumbnail

Chrome Devtools

02:09 min

Análisis y creación del proyecto

Material Thumbnail

Diseño del proyecto

04:07 min

Material Thumbnail

Setup del proyecto

04:17 min

Creando la página principal

Material Thumbnail

Arquitectura del header en HTML

06:08 min

Material Thumbnail

Estilos en el header

12:16 min

Material Thumbnail

Agregando íconos

09:00 min

Material Thumbnail

Agregando imágenes al header

08:57 min

Material Thumbnail

Manejo de Grid para posicionar contenedores

10:07 min

Material Thumbnail

Manejo de imágenes de Background

02:23 min

Material Thumbnail

Agregando fuentes

03:35 min

Material Thumbnail

Terminando el Home

04:15 min

Creando página de Blogs

Material Thumbnail

Blog page

09:05 min

Material Thumbnail

Manejo de clases

05:34 min

Material Thumbnail

Estilos en blogs html

12:14 min

Material Thumbnail

Agregando imagen

08:04 min

Material Thumbnail

Estilos del botón

04:31 min

Material Thumbnail

Trabajando la sección de post

11:04 min

Material Thumbnail

Grid Container

04:44 min

Creando página de Blog

Material Thumbnail

Crear la pantalla de blog

10:32 min

Material Thumbnail

Agregando estilos a la página de blog

08:40 min

Creando página de perfil

Material Thumbnail

Sección de contacto

11:00 min

Material Thumbnail

Maquetando perfil HTML

08:16 min

Material Thumbnail

Manejando estilos en la página de perfil

12:19 min

Blog responsivo

Material Thumbnail

Media Queries

10:51 min

Cierre

Material Thumbnail

Cierre del curso

02:53 min

nuevosmás votadossin responder
Luis Alejandro Vera Hernandez
Luis Alejandro Vera Hernandez
Estudiante
Ya no esta disponible el curso de Responsive Design con Leonidas?
8
jeydvc
jeydvc
Estudiante
Hola!!! Tengo una duda del siguiente código para el media querie: @media (max-width: 900px) { .blogs-posts-container .post-container { ma...
0
Andrés Felipe García Rendón
Andrés Felipe García Rendón
Estudiante
las dev tools es el mismo inspector de elementos?
2
jeydvc
jeydvc
Estudiante
Hola!!! Como se haría con display: grid para que se viera en las tres columnas??? Y no utilizar max-width…
0
jeydvc
jeydvc
Estudiante
Hola!! Tengo otra pregunta: Intenté hacerlo con display: grid, pero solo me muestra una sola columna, no se posiciona en tres columnas. E...
1
jeydvc
jeydvc
Estudiante
Hola!!! Me pueden explicar el funcionamiento del max-width en los articles. No entiendo porque se acomodan los articles con este código: ...
0
jeydvc
jeydvc
Estudiante
Hola!!! Porque cuando coloca: .blogs-news-img-container { grid-column: 1; }``` (min 6:51) Se adiciona otra fila??? Todavía no ...
0
Giovanni Salas Hernández
Giovanni Salas Hernández
Estudiante
Buen día, Platzi team, el link de Dropbox que supongo es para bajar todas las carpetas del proyecto, está roto, alguien me puede ayudar?
1
jeydvc
jeydvc
Estudiante
Hola!!! Como hago para que el título principal quede en dos lineas como está en el ejemplo???
4
Joel Dominguez Merino
Joel Dominguez Merino
Estudiante
Hola 😄 alguien podría decirme cual es la diferencia en los media queries de usar: @media screen and (max-width: 90...
0