Plano de Fundo e Estrutura
Lição 3 de 16 do curso Clone da Página do Instagram | Projeto Front-End da Coddy.
Estilizamos o body com um display de flex e centralizamos tudo vertical e horizontalmente, porque agora você criará o plano de fundo/tela para a página. Teremos uma div com uma width e height de 95% e, mais adiante, teremos a seguinte estrutura
A parte superior do nosso site será uma section chamada profileInfo e a parte inferior será posts, depois disso, começaremos a dividir cada uma delas em mais partes.
Desafio
Fácil- Insira uma tag
titlena parteheaddo HTML com o título Instagram - Dentro da tag
bodynoindex.html, crie umadivcom o idbackground. Mantenha-a vazia por enquanto - Estilize a div usando seu id no
styles.csscom um height e width de 95%. - Uma propriedade background com o valor white
- E um border-radius de 15px
Experimente você mesmo
<!DOCTYPE html>
<html>
<head>
<!-- Insira o título -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Escreva o código HTML aqui -->
</body>
</html>Todas as lições de Clone da Página do Instagram | Projeto Front-End
21. Informações do Perfil
Dividindo seções5Encerramento
ConclusãoPratique por conta própria: Playground de Web