From b705ab98ea22bb5af5742626b84863124b8666f3 Mon Sep 17 00:00:00 2001 From: Olimpio Date: Sun, 26 May 2019 05:25:26 +0200 Subject: [PATCH] translate some few words (#30175) --- .../create-a-media-query.portuguese.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.portuguese.md index 566cdc32cc9..518b950f706 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.portuguese.md @@ -10,7 +10,7 @@ localeTitle: Criar uma consulta de mídia
Media Queries são uma nova técnica introduzida no CSS3 que altera a apresentação do conteúdo com base em diferentes tamanhos de viewport(telas). A janela de visualização é uma área visível de um usuário de uma página da Web e é diferente dependendo do dispositivo usado para acessar o site. Media queries consistem em um tipo de mídia e, se esse tipo de mídia corresponder ao tipo de dispositivo em que o documento é exibido, os estilos serão aplicados. Você pode ter tantos seletores e estilos dentro de sua Media querie quanto desejar. Veja um exemplo de uma Media querie que retorna o conteúdo quando a largura do dispositivo é menor ou igual a 100px: @media (max-width: 100px) { /* CSS Rules */ } e a consulta de mídia a seguir retorna o conteúdo quando o a altura do dispositivo é maior ou igual a 350px: @media @media (min-height: 350px) { /* CSS Rules */ } Lembre-se, o CSS dentro da Media querie é aplicado somente se o tipo de mídia corresponder ao do dispositivo que está sendo usado.
## Instruções -
Adicione uma Media querie para que a tag p tenha um font-size de font-size de 10px quando a altura do dispositivo for menor ou igual a 800px.
+
Adicione uma consulta de mídia para que a tag p tenha um font-size de 10px quando a altura do dispositivo for menor ou igual a 800px.
## Testes
@@ -26,7 +26,7 @@ tests:
-## Challenge Seed +## Desafio
@@ -37,7 +37,7 @@ tests: font-size: 20px; } - /* Add media query below */ + /* Adicione a media querie abaixo */ @@ -55,6 +55,6 @@ tests:
```js -// solution required +// Solução necessária ```