# Session two: check-out | ling.program | 2° bimestre **Nome** Kevin Ribeiro de Andrade **número** 27 **Turma** INFO A **Conteúdo parecido com o do check-in não estamos vendo conteúdos tão diferente em aula do que é mostrado nos check-in** ## MAPA MENTAL ![](https://i.imgur.com/P4IvgV4.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 (min-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 mais que 1000px de largura ele aplicará esses valores deixando as divs em colunas e com o conteúdo centralizado **Como saber se o seu site esta responsivo?** Em nossa aula foi passado um site chamado de "amiresponsive" ele nos mostra como nosso site fica em um display de notebook, PC de mesa, celular tablet entre outros... ## Dúvida nenhum