From c3b3a043710bc6013b6280a5e02453a53b8335d0 Mon Sep 17 00:00:00 2001 From: Matheus Barem Date: Mon, 6 May 2019 15:57:16 -0300 Subject: [PATCH] Minor translate fixes [Portuguese] (#23390) Titles in Portuguese and fix of terms in English that not be translated to correct understanding of this article. --- .../create-a-media-query.portuguese.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 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 95fc918546..566cdc32cc 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 @@ -6,13 +6,13 @@ videoUrl: '' localeTitle: Criar uma consulta de mídia --- -## Description -
Consultas de mídia são uma nova técnica introduzida no CSS3 que altera a apresentação do conteúdo com base em diferentes tamanhos de viewport. 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. Consultas de mídia 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 consulta de mídia quanto desejar. Veja um exemplo de uma consulta de mídia 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 consulta de mídia é aplicado somente se o tipo de mídia corresponder ao do dispositivo que está sendo usado.
+## Descrição +
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.
-## Instructions -
Adicione uma consulta de mídia 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.
+## 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.
-## Tests +## Testes
```yml @@ -51,7 +51,7 @@ tests:
-## Solution +## Solução
```js