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

Fixes spelling of 'container' (#28940)

Browse Source
This commit is contained in:
Bruno Nash
2019-05-22 19:27:10 +01:00
committed by Randell Dawson
parent 3a4645e0ef
commit f306121e69
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/create-flexible-layouts-using-auto-fit.portuguese.md
View File

@ -7,7 +7,7 @@ localeTitle: Criar layouts flexíveis usando o ajuste automático
---
## Description
<section id="description"> <code>auto-fit</code> funciona quase de forma idêntica ao <code>auto-fill</code> . A única diferença é que, quando o tamanho do contêiner excede o tamanho de todos os itens combinados, o <code>auto-fill</code> continua inserindo linhas ou colunas vazias e empurra seus itens para o lado, enquanto o <code>auto-fit</code> recolhe essas linhas ou colunas vazias e estende seus itens para ajuste o tamanho do recipiente. <strong>Nota</strong> <br> Se o seu contêiner não conseguir encaixar todos os itens em uma linha, ele será transferido para um novo. </section>
<section id="description"> <code>auto-fit</code> funciona quase de forma idêntica ao <code>auto-fill</code>. A única diferença é que, quando o tamanho do container excede o tamanho de todos os itens combinados, o <code>auto-fill</code> continua inserindo linhas ou colunas vazias e empurra seus itens para o lado, enquanto o <code>auto-fit</code> recolhe essas linhas ou colunas vazias e estende seus itens para ajuste o tamanho do recipiente. <strong>Nota</strong> <br> Se o seu container não conseguir encaixar todos os itens em uma linha, ele será transferido para um novo. </section>
## Instructions
<section id="instructions"> Na segunda grade, use o <code>auto-fit</code> com <code>repeat</code> para preencher a grade com colunas que tenham uma largura mínima de <code>60px</code> <code>1fr</code> e máxima de 1 <code>1fr</code> . Em seguida, redimensione a pré-visualização para ver a diferença. </section>