# Session two: Check in | ling.program | 2° bimestre **Nome** Kevin Ribeiro de Andrade **Número** 27 **Turma** Info A ## Mapa mental ![](https://i.imgur.com/lYdja3k.jpg) ## explicação No vídeo nós vimos sobre a responsividade de um site e que para você se tornar um bom profissional em frontend de HTML nós devemos aprender pelo menos o básico sobre as medidas usadas em um site que são: **Relativas** São medidas que se auto-ajustam independentemente da plataforma em que você esta visualizando o site. **Absolutas** São medidas que vão depender da sua tela os mesmo 100px na sua tela não serão os mesmos 100px na tela de outra pessoa. Bom para deixar um site responsivo você pode sobscrever os outros valores do CSS ex: ```css= @media (max-width: 1000px) { .container, .faixa1, .cabecalho, .menu { flexz-direction: column; justify-content: Center; align-items: Center; text-align: Center; } } ``` Ness exemplo foi dito que quando a tela tiver menos que 1000px de largura ele aplicará esses valores deixando as divs em colunas e com o conteúdo centralizado. **Recomendações W3C** É recomendado que você use apenas PX e Em/rem para dizer o conteúdo de seu site mas nada impede que você use outros Valores tudo depende de você. ## Dúvidas Nenhuma por enquanto.