Skip to content

fix(coding): update instructions to CSS Flexbox challenge in Portuguese #19077

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
frontendwizard merged 1 commit into from
Feb 20, 2019
Merged

fix(coding): update instructions to CSS Flexbox challenge in Portuguese #19077

frontendwizard merged 1 commit into from
Feb 20, 2019

Conversation

@brenoxav
Copy link
Contributor

@brenoxav brenoxav commented Oct 14, 2018

Change the positions of some words to be in accordance with the syntax rules of the Portuguese language.

  • I have read freeCodeCamp's contribution guidelines.
  • My pull request has a descriptive title (not a vague title like Update index.md)
  • My pull request targets the master branch of freeCodeCamp.
  • None of my changes are plagiarized from another source without proper attribution.
  • My article does not contain shortened URLs or affiliate links.

If your pull request closes a GitHub issue, replace the XXXXX below with the issue number.

Closes #XXXXX

@brenoxav
Fix text to follow portuguese language syntax
a589649 
Change the positions of some words to be in accordance with the syntax rules of the Portuguese language.
@HKuz HKuz added scope: i18n language translation/internationalization. Often combined with language type label Portuguese labels Oct 18, 2018
@frontendwizard frontendwizard self-assigned this Oct 24, 2018
frontendwizard
frontendwizard suggested changes Oct 24, 2018
View reviewed changes
...ortuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md
## Description
<section id="description"> Existe um atalho disponível para definir várias propriedades flexíveis de uma só vez. As propriedades <code>flex-grow</code> , <code>flex-shrink</code> e <code>flex-basis</code> podem ser todas juntas usando a propriedade <code>flex</code> . Por exemplo, <code>flex: 1 0 10px;</code> irá definir o item para <code>flex-grow: 1;</code> <code>flex-shrink: 0;</code> e <code>flex-basis: 10px;</code> . As configurações de propriedade padrão são <code>flex: 0 1 auto;</code> . </section>
<section id="description"> Existe um atalho disponível para definir várias propriedades *flex* de uma só vez. As propriedades <code>flex-grow</code> , <code>flex-shrink</code> e <code>flex-basis</code> podem ser definidas todas juntas usando a propriedade <code>flex</code> .
Por exemplo, <code>flex: 1 0 10px;</code> irá definir o item para <code>flex-grow: 1;</code> <code>flex-shrink: 0;</code> e <code>flex-basis: 10px;</code> .

This comment was marked as off-topic.

Sign in to view

...ortuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md
<section id="description"> Existe um atalho disponível para definir várias propriedades flexíveis de uma só vez. As propriedades <code>flex-grow</code> , <code>flex-shrink</code> e <code>flex-basis</code> podem ser todas juntas usando a propriedade <code>flex</code> . Por exemplo, <code>flex: 1 0 10px;</code> irá definir o item para <code>flex-grow: 1;</code> <code>flex-shrink: 0;</code> e <code>flex-basis: 10px;</code> . As configurações de propriedade padrão são <code>flex: 0 1 auto;</code> . </section>
<section id="description"> Existe um atalho disponível para definir várias propriedades *flex* de uma só vez. As propriedades <code>flex-grow</code> , <code>flex-shrink</code> e <code>flex-basis</code> podem ser definidas todas juntas usando a propriedade <code>flex</code> .
Por exemplo, <code>flex: 1 0 10px;</code> irá definir o item para <code>flex-grow: 1;</code> <code>flex-shrink: 0;</code> e <code>flex-basis: 10px;</code> .
As configurações padrão da propriedade são <code>flex: 0 1 auto;</code> . </section>

This comment was marked as off-topic.

Sign in to view

...ortuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md
## Instructions
<section id="instructions"> Adicione o <code>flex</code> propriedade CSS a ambos <code>#box-1</code> e <code>#box-2</code> . Dê <code>#box-1</code> os valores para que seu <code>flex-grow</code> seja 2, sua <code>flex-shrink</code> seja 2 e sua <code>flex-basis</code> seja 150px. Dê <code>#box-2</code> os valores para que seu <code>flex-grow</code> seja 1, sua <code>flex-shrink</code> seja 1 e sua <code>flex-basis</code> seja 150px. Esses valores farão com que <code>#box-1</code> cresça para preencher o espaço extra com o dobro da taxa de <code>#box-2</code> quando o container for maior que 300px e encolherá com o dobro da taxa de <code>#box-2</code> quando o container for menor que 300px. 300px é o tamanho combinado dos valores de <code>flex-basis</code> das duas caixas. </section>
<section id="instructions"> Adicione a propriedade CSS <code>flex</code> a ambos <code>#box-1</code> e <code>#box-2</code> . Dê a <code>#box-1</code> os valores para que sua <code>flex-grow</code> seja 2, sua <code>flex-shrink</code> seja 2 e sua <code>flex-basis</code> seja 150px. Dê a <code>#box-2</code> os valores para que sua <code>flex-grow</code> seja 1, sua <code>flex-shrink</code> seja 1 e sua <code>flex-basis</code> seja 150px.
Esses valores farão com que <code>#box-1</code> cresça para preencher o espaço extra com o dobro da taxa de <code>#box-2</code> quando o container for maior que 300px e encolherá com o dobro da taxa de <code>#box-2</code> quando o container for menor que 300px. 300px é o tamanho combinado dos valores de <code>flex-basis</code> das duas caixas. </section>

This comment was marked as off-topic.

Sign in to view

@RandellDawson RandellDawson added the scope: curriculum Lessons, Challenges, Projects and other Curricular Content in curriculum directory. label Nov 7, 2018
@lynxlynxlynx
Copy link
Member

lynxlynxlynx commented Nov 14, 2018

@thefrontendwizard markdown doesn't care about those newlines, but they do improve readability of the source.

See for example the rendered output comparison — the newlines got eaten up: https://github.com/freeCodeCamp/freeCodeCamp/pull/19077/files?short_path=722e456#diff-722e456cb1a96bf49df457120e39683e

@RandellDawson
Copy link
Member

RandellDawson commented Feb 10, 2019

@lynxlynxlynx Would you merge this PR?

@lynxlynxlynx
Copy link
Member

lynxlynxlynx commented Feb 10, 2019

Yes, it looks fine to me.

@frontendwizard frontendwizard merged commit acab326 into freeCodeCamp:master Feb 20, 2019
@Prisca1260
Copy link

Prisca1260 commented Apr 20, 2025

Claro! Aqui está uma sugestão de atualização para as instruções de um desafio de CSS Flexbox, agora em português:

Desafio de CSS Flexbox

Instruções:

  1. Use display: flex no contêiner para ativar o Flexbox.

  2. Alinhe os itens no centro horizontalmente usando justify-content: center.

  3. Alinhe os itens no centro verticalmente usando align-items: center.

  4. Altere a direção dos itens para coluna com flex-direction: column.

  5. Faça com que os itens se distribuam igualmente com space-between ou space-around.

Objetivo:
Estilizar o layout para que os elementos fiquem centralizados e responsivos usando as propriedades do Flexbox.

Se você quiser personalizar para um projeto específico (como alinhar cartas, botões ou imagens), me avisa que ajusto!

@lynxlynxlynx
Copy link
Member

lynxlynxlynx commented Apr 20, 2025

If you want to suggest changes to the current Portuguese text, please submit a new pull request with them — this here is not the right place.

@majestic-owl448
Copy link
Contributor

majestic-owl448 commented Apr 20, 2025

@lynxlynxlynx @Prisca1260 please do not translate through GitHub, translations are done through Crowdin

@freeCodeCamp freeCodeCamp locked and limited conversation to collaborators Apr 20, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Reviewers

2 more reviewers

@frontendwizard frontendwizard frontendwizard requested changes

@lynxlynxlynx lynxlynxlynx lynxlynxlynx approved these changes

Reviewers whose approvals may not affect merge requirements

Assignees

@frontendwizard frontendwizard

Labels

scope: curriculum Lessons, Challenges, Projects and other Curricular Content in curriculum directory. scope: i18n language translation/internationalization. Often combined with language type label

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

8 participants

@brenoxav @lynxlynxlynx @RandellDawson @Prisca1260 @majestic-owl448 @frontendwizard @HKuz @camperbot