gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add text translation corrections to the article (#21082)

Browse Source
This commit is contained in:
Nuno Diogo
2018-11-05 15:03:18 +00:00
committed by Tom
parent 6726f94aeb
commit 7288e79a97
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.portuguese.md
View File

@ -6,14 +6,14 @@ videoUrl: ''
localeTitle: 'Use display: flex para posicionar duas caixas' localeTitle: 'Use display: flex para posicionar duas caixas'
--- ---
## Description ## Descrição
<section id="description"> Esta seção usa estilos de desafio alternados para mostrar como usar o CSS para posicionar elementos de maneira flexível. Primeiro, um desafio explicará a teoria, então um desafio prático usando um simples componente de tweet aplicará o conceito de flexbox. <section id="description"> Esta seção usa estilos de desafio alternados para mostrar como usar o CSS para posicionar elementos de maneira flexível. Primeiro, um desafio explicará a teoria, então um desafio prático usando um simples componente de tweet aplicará o conceito de flexbox.
Colocando a propriedade CSS <code>display: flex;</code> em um elemento permite que você use outras propriedades flex para criar uma página responsiva. </section> Colocando a propriedade CSS <code>display: flex;</code> em um elemento permite que você use outras propriedades flex para criar uma página responsiva. </section>
## Instructions ## Instruções
<section id="instructions"> Adicione a propriedade CSS <code>display</code> ao <code>#box-container</code> e defina seu valor como *flex*. </section> <section id="instructions"> Adicione a propriedade CSS <code>display</code> ao <code>#box-container</code> e defina seu valor como *flex*. </section>
## Tests ## Testes
<section id='tests'> <section id='tests'>
```yml ```yml
@ -25,7 +25,7 @@ tests:
</section> </section>
## Challenge Seed ## Desafio Seed
<section id='challengeSeed'> <section id='challengeSeed'>
<div id='html-seed'> <div id='html-seed'>
@ -64,7 +64,7 @@ tests:
</section> </section>
## Solution ## Solução
<section id='solution'> <section id='solution'>
```js ```js