Sinval Gomes...

Development flexible layout with flexbox.

+ LINKS

CSS Avançado border-radius.
CSS Avançado Multiple Background.
CSS Avançado Background.
CSS Avançado CSS Colors.
CSS Avançado Flex Items.
CSS Avançado Media Query.
CSS Avançado RWD Vídeos.
CSS Avançado Flex Direction.
CSS Avançado Justify Content.
CSS Avançado Justify + Align Items.

Conceitos de media query:

Praticando conceitos. A instrução CSS muda cor do h4 (abaixo) conforme as seguintes medidas e cores:

@media only screen and (max-width: 400px): GREEN

@media only screen and (min-width: 401px): GOLDENROD

@media only screen and (min-width: 700px): YELLOW

@media only screen and (min-width: 900px): RED

Aumente ou diminua janela do browser para ver o efeito.