Diseño original | Diseño en bloque | Explicación | |
---|---|---|---|
➡ | Hemos empezado distribuyendo el diseño en 5 sections. Dentro de cada uno de estos sections, el encabezado que incluye la foto, el nombre y la profesión, lo hemos realizado mediante una table. La reseña la hemos distribuido en un h3 y una p. Hemos dado diseños individuales de fondo a cada section, y un color de letra mediante class. | ||
➡ | Hemos hecho un display:flex del body. Hemos adaptado la resolución de pantalla a 450px de ancho para ordenador y a partir de ahi hemos distribuido los sections de diferentes formas gracias a las propiedades grid. | ||
⬅ |