# Session Two: Checkout autor: Guilherme Oliveira Verissimo turma: InfoC número: 21 ### Linguagem de programação >[color=purple] > >![](https://i.imgur.com/yRx9W7W.png) > > **Media Queries**: utilizado para deixar um site responsivo, ou seja, deixa o site adaptavel conforme a plataforma (pc, tablet, celular, tv, etc...). > >[color=skyblue]**@media (min-width: 600px)** quando o site atingir a largura de maior ou igual a 600px o css do media queries sera utilizado. > >**@media (max-width: 600px)** quando o site atingir a largura de menor ou igual a 600px o css do media queries sera utilizado. > >**@media (max-width: 600px) and (min-width: 400px)** quando a largura do site estiver entre 400px e 600px o css do media queries estara sendo utilizado. > > > >**Medidas** medidas podem ser divididas em dois tipos: > >Medidas Absolutas: são medidas que não precisam de um valor refêrencia para se basearem. (Cm, Mm, In, Px, Pt, Pc). > >Medidas Relativas: são medidas que necessitam de um valor refêrencia para se basearem. (Em, Ex, Rem, Vm, Vh, %). > > > >**Dimensões dos elementos**: > >max-width e max-height: largura e altura maxima dos elementos. > >min-width e min-height: largura e altura maxima dos elementos.
{"metaMigratedAt":"2023-06-15T23:48:35.780Z","metaMigratedFrom":"Content","title":"Session Two: Checkout","breaks":true,"contributors":"[{\"id\":\"31e7052c-d777-4fb0-b189-63fab945e035\",\"add\":1222,\"del\":0}]"}
Expand menu