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

Fixes auto-translation for 'auto' (#28955)

Browse Source 
Also, fixes the spelling of 'container'
This commit is contained in:
Bruno Nash
2019-03-16 19:36:48 +00:00
committed by Jaka Kranjc
parent 198b38f2fc
commit d238e6e1cb
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.portuguese.md
View File

@ -7,7 +7,7 @@ localeTitle: Use unidades de grade CSS para alterar o tamanho das colunas e linh
---
## Description
<section id="description"> Você pode usar unidades absolutas e relativas como <code>px</code> e <code>em</code> em CSS Grid para definir o tamanho de linhas e colunas. Você também pode usá-los: <code>fr</code> : define a coluna ou linha como uma fração do espaço disponível, <code>auto</code> : define a coluna ou linha automaticamente para a largura ou a altura de seu conteúdo, <code>%</code> : ajusta a coluna ou linha para a largura percentual do seu recipiente. Aqui está o código que gera a saída na pré-visualização: <blockquote> grid-template-columns: automático 50px 10% 2fr 1fr; </blockquote> Este trecho cria cinco colunas. A primeira coluna é tão ampla quanto seu conteúdo, a segunda coluna é 50px, a terceira coluna é 10% de seu contêiner e nas duas últimas colunas; o espaço restante é dividido em três seções, duas são alocadas para a quarta coluna e uma para a quinta. </section>
<section id="description"> Você pode usar unidades absolutas e relativas como <code>px</code> e <code>em</code> em CSS Grid para definir o tamanho de linhas e colunas. Você também pode usá-los: <code>fr</code> : define a coluna ou linha como uma fração do espaço disponível, <code>auto</code> : define a coluna ou linha automaticamente para a largura ou a altura de seu conteúdo, <code>%</code> : ajusta a coluna ou linha para a largura percentual do seu recipiente. Aqui está o código que gera a saída na pré-visualização: <blockquote> grid-template-columns: auto 50px 10% 2fr 1fr; </blockquote> Este trecho cria cinco colunas. A primeira coluna é tão ampla quanto seu conteúdo, a segunda coluna é 50px, a terceira coluna é 10% de seu container e nas duas últimas colunas; o espaço restante é dividido em três seções, duas são alocadas para a quarta coluna e uma para a quinta. </section>
## Instructions
<section id="instructions"> Faça uma grade com três colunas cujas larguras são as seguintes: 1fr, 100px e 2fr. </section>