chore(i18n,curriculum): update translations (#42742)

curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md

@@ -1,6 +1,6 @@
 ---
 id: 587d781b367417b2b2512abb
-title: Create a Horizontal Line Using the hr Element
+title: Criar uma linha horizontal usando o elemento hr
 challengeType: 0
 videoUrl: 'https://scrimba.com/c/c3bR8t7'
 forumTopicId: 301049
@@ -9,23 +9,23 @@ dashedName: create-a-horizontal-line-using-the-hr-element
 
 # --description--
 
-You can use the `hr` tag to add a horizontal line across the width of its containing element. This can be used to define a change in topic or to visually separate groups of content.
+Você pode usar a tag `hr` para adicionar uma linha horizontal do tamanho da largura do elemento em que ele está contido. Esse elemento pode ser usado para definir uma mudança no tópico ou para separar visualmente grupos de conteúdo.
 
 # --instructions--
 
-Add an `hr` tag underneath the `h4` which contains the card title.
+Adicione a tag `hr` abaixo do elemento `h4` que contém o título do cartão.
 
-**Note:** In HTML, `hr` is a self-closing tag, and therefore doesn't need a separate closing tag.
+**Observação:** no HTML, a tag `hr` fecha em si mesma e, portanto, não precisa de uma tag de fechamento separada.
 
 # --hints--
 
-Your code should add an `hr` tag to the markup.
+O seu código deve ter uma tag `hr`.
 
 ```js
 assert($('hr').length == 1);
 ```
 
-The `hr` tag should come between the title and the paragraph.
+A tag `hr` deve ficar entre o título e o parágrafo.
 
 ```js
 assert(code.match(/<\/h4>\s*?<hr(>|\s*?\/>)\s*?<p>/gi));

curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.md

@@ -1,6 +1,6 @@
 ---
 id: 587d7791367417b2b2512ab3
-title: Create Visual Balance Using the text-align Property
+title: Criar equilíbrio visual usando a propriedade text-align
 challengeType: 0
 videoUrl: 'https://scrimba.com/c/c3b4EAp'
 forumTopicId: 301053
@@ -9,31 +9,31 @@ dashedName: create-visual-balance-using-the-text-align-property
 
 # --description--
 
-This section of the curriculum focuses on Applied Visual Design. The first group of challenges build on the given card layout to show a number of core principles.
+Esta seção do currículo se concentra no Design Visual Aplicado. O primeiro grupo de desafios baseia-se no layout de cartão fornecido para mostrar uma série de princípios básicos.
 
-Text is often a large part of web content. CSS has several options for how to align it with the `text-align` property.
+O texto costuma ser uma grande parte do conteúdo na web. O CSS possui várias opções de como alinhá-lo com a propriedade `text-align`.
 
-`text-align: justify;` causes all lines of text except the last line to meet the left and right edges of the line box.
+`text-align: justify;` faz com que todas as linhas de texto, exceto a última linha, encostem nas bordas esquerda e direita da caixa em que o texto está.
 
-`text-align: center;` centers the text
+`text-align: center;` centraliza o texto
 
-`text-align: right;` right-aligns the text
+`text-align: right;` alinha o texto à direita
 
-And `text-align: left;` (the default) left-aligns the text.
+E `text-align: left;` (o padrão) alinha o texto à esquerda.
 
 # --instructions--
 
-Align the `h4` tag's text, which says "Google", to the center. Then justify the paragraph tag which contains information about how Google was founded.
+Alinhe o texto da tag `h4`, que diz "Google", ao centro. Em seguida, justifique (justify) a tag de parágrafo que contém informações sobre como o Google foi fundado.
 
 # --hints--
 
-Your code should use the text-align property on the `h4` tag to set it to `center`.
+Você deve usar a propriedade text-align com o valor de `center` na tag `h4`.
 
 ```js
 assert($('h4').css('text-align') == 'center');
 ```
 
-Your code should use the text-align property on the `p` tag to set it to `justify`.
+Você deve usar a propriedade text-align com o valor de `justify` na tag `p`.
 
 ```js
 assert($('p').css('text-align') == 'justify');

curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.md

@@ -1,6 +1,6 @@
 ---
 id: 587d781c367417b2b2512abf
-title: Decrease the Opacity of an Element
+title: Diminuir a opacidade de um elemento
 challengeType: 0
 videoUrl: 'https://scrimba.com/c/c7aKqu4'
 forumTopicId: 301055
@@ -9,19 +9,19 @@ dashedName: decrease-the-opacity-of-an-element
 
 # --description--
 
-The `opacity` property in CSS is used to adjust the opacity, or conversely, the transparency for an item.
+A propriedade `opacity` do CSS é usada para ajustar a opacidade ou, inversamente, a transparência de um item.
 
-<blockquote>A value of 1 is opaque, which isn't transparent at all.<br>A value of 0.5 is half see-through.<br>A value of 0 is completely transparent.</blockquote>
+<blockquote>O valor 1 é opaco, o que não é transparente. <br> O valor 0.5 é meio transparente. <br> O valor 0 é totalmente transparente.</blockquote>
 
-The value given will apply to the entire element, whether that's an image with some transparency, or the foreground and background colors for a block of text.
+O valor fornecido se aplicará a todo o elemento, seja uma imagem com alguma transparência ou as cores do primeiro plano e do plano de fundo em um bloco de texto.
 
 # --instructions--
 
-Set the `opacity` of the anchor tags to 0.7 using `links` class to select them.
+Usando a classe `links`, defina a propriedade `opacity` com o valor de 0.7.
 
 # --hints--
 
-Your code should set the `opacity` property to 0.7 on the anchor tags by selecting the class of `links`.
+A propriedade `opacity` deve ter o valor de 0.7 na classe `links`.
 
 ```js
 assert(