Fondo y Estructura
Lección 3 de 16 del curso Clon de página de Instagram | Proyecto Front-End de Coddy.
Aplicamos estilos al body con un display de flex y centramos todo vertical y horizontalmente, porque ahora crearás el fondo/lienzo para la página. Tendremos un div con un width y height de 95% y más adelante, tendremos la siguiente estructura
La parte superior de nuestro sitio web será una section llamada profileInfo y la parte inferior será posts, después de eso, comenzaremos a dividir cada una de ellas en más partes.
Desafío
Fácil- Introduce una etiqueta
titleen la parteheaddel HTML con un título de Instagram - Dentro de la etiqueta
bodyen elindex.htmlcrea undivcon el idbackground. Mantenlo vacío por ahora - Estiliza el div usando su id en el
styles.csscon un height y width de 95%. - Una propiedad background con un valor de white
- Y un border-radius de 15px
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<head>
<!-- Introduce el título -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Escribe el código HTML aquí -->
</body>
</html>Todas las lecciones de Clon de página de Instagram | Proyecto Front-End
21. Información de perfil
Dividir secciones5Cierre
ConclusiónPractica por tu cuenta: Playground de Web