Deixamos o nosso projeto mais bonitão e também posicionamos os elementos em lugares mais complexos através do position absolute. E ainda criamos uma nova página no nosso projeto.
Pode responder mesmo que não tenha feito todas aulas do módulo ok?
Show! Um site responsivo é quando abre adequadamente em todos os dispositivos e resoluções. Para isso, temos que configurar o projeto para ipad e celulares por exemplo.
Será? tente novamente :D
Boa! Uma section com 100vh em "height" vai sempre ter 100% da altura do monitor do usuário. O VH é utilizado para altura (Viewport Height) e o VW é utilizado para largura (Viewport Width).
Será? tente novamente :D
Será? tente novamente :D
Isso mesmo! Para alinhar elementos nos cantos dos blocos por exemplo, podemos usar o position "absolute" desde que tenha um objeto configurado como "relative" para ser usado como base.
Boa! Para deixar um elemento fixo na tela, mesmo que o usuário use a rolagem, temos que deixar ele em position fixed. O nome é sugestivo né?
Será? tente novamente :D
Será? tente novamente :D
Perfeito. Para que os elementos fiquem na frente da tela, é necessário configurar o z-index. Quanto maior esse número, mais pra frente estará o elemento.
Será? tente novamente :D
Boa! Para alterarmos o tamanho de um vídeo temos que colocar ele dentro de uma "div block" que tem o tamanho que queremos.
Será? tente novamente :D
Exato! O Symbol serve para a gente agrupar vários elementos que se repetem em outras páginas, como por exemplo, um menu. Com o Symbol, podemos alterar de uma só vez os elementos de todas as páginas.