From b6d13ddf39c97fe8a77ee676e4de017b381a0a96 Mon Sep 17 00:00:00 2001 From: Breno Xavier Date: Tue, 16 Oct 2018 09:17:17 -0400 Subject: [PATCH] Fix text to follow portuguese language syntax (#18481) --- ...ements-using-the-justify-content-property.portuguese.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.portuguese.md index 3b449b4f77..50074b9672 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.portuguese.md @@ -7,10 +7,13 @@ localeTitle: Alinhar elementos usando a propriedade justify-content --- ## Description -
Às vezes, os itens flexíveis dentro de um contêiner flexível não preenchem todo o espaço no contêiner. É comum querer dizer ao CSS como alinhar e espaçar os itens flexíveis de uma determinada maneira. Felizmente, a propriedade justify-content possui várias opções para fazer isso. Mas primeiro, há alguma terminologia importante para entender antes de rever essas opções. Aqui está uma imagem útil mostrando uma linha para ilustrar os conceitos abaixo. Lembre-se de que definir um contêiner flexível como uma linha coloca os itens flexíveis lado a lado da esquerda para a direita. Um conjunto de contêiner flexível como uma coluna coloca os itens flexíveis em uma pilha vertical de cima para baixo. Para cada um, a direção em que os itens flexíveis são organizados é chamada de eixo principal . Por uma linha, esta é uma linha horizontal que corta cada item. E para uma coluna, o eixo principal é uma linha vertical através dos itens. Existem várias opções de como espaçar os itens flexíveis ao longo da linha que é o eixo principal. Um dos mais usados ​​é o justify-content: center; , que alinha todos os itens flexíveis ao centro dentro do contêiner flexível. Outras opções incluem:
+
Às vezes, os itens flexíveis dentro de um contêiner flexível não preenchem todo o espaço no contêiner. É comum querer dizer ao CSS como alinhar e espaçar os itens flexíveis de uma determinada maneira. Felizmente, a propriedade justify-content possui várias opções para fazer isso. Mas primeiro, há alguma terminologia importante para entender antes de rever essas opções. +Aqui está uma imagem útil mostrando uma linha para ilustrar os conceitos abaixo. +Lembre-se de que definir um contêiner flexível como uma linha coloca os itens flexíveis lado a lado da esquerda para a direita. Um contêiner flexível definido como uma coluna coloca os itens flexíveis em uma pilha vertical de cima para baixo. Para cada um, a direção em que os itens flexíveis são organizados é chamada de eixo principal . Para uma linha, esta é uma linha horizontal que corta cada item. E para uma coluna, o eixo principal é uma linha vertical que passa através dos itens. +Existem várias opções de como espaçar os itens flexíveis ao longo da linha que é o eixo principal. Um dos mais usados é a justify-content: center; , que alinha todos os itens flexíveis ao centro dentro do contêiner flexível. Outras opções incluem:
## Instructions -
Um exemplo ajuda a mostrar essa propriedade em ação. Adicione a propriedade CSS justify-content ao elemento #box-container e atribua a ela um valor de center. Bônus
Tente as outras opções para a propriedade justify-content no editor de código para ver suas diferenças. Mas note que um valor de centro é o único que passará este desafio.
+
Um exemplo ajuda a mostrar essa propriedade em ação. Adicione a propriedade CSS justify-content ao elemento #box-container e atribua a ela um valor de *center*. Bônus
Experimente as outras opções na propriedade justify-content no editor de código para ver suas diferenças. Mas note que um valor de *center* é o único que passará este desafio.
## Tests