freeCodeCamp/use-the-flex-direction-property-to-make-a-column.portuguese.md at c797bbb340aa00f77e06c7fd6bfcbc13688adb46

Files

Breno Xavier c797bbb340 fix(coding): update instructions to CSS Flexbox challenge in Portuguese (#19070 )

* Fix text to follow portuguese language syntax

Change the positions of some words to be in accordance with the syntax rules of the Portuguese language.
Change some translated words back to English for clarity of the instructions.

* Update use-the-flex-direction-property-to-make-a-column.portuguese.md

2018-10-17 21:05:32 -03:00

1.5 KiB

Raw Blame History

id, title, challengeType, videoUrl, localeTitle

id	title	challengeType	videoUrl	localeTitle
587d78ac367417b2b2512af4	Use the flex-direction Property to Make a Column	0		Use a propriedade flex-direction para criar uma coluna

Description

Os dois últimos desafios usaram a propriedade flex-direction definida como row (linha). Essa propriedade também pode criar uma coluna empilhando verticalmente os filhos de um contêiner flexível.

Instructions

Adicione a propriedade CSSflex-direction ao elemento #box-container e atribua a ela um valor de column.

Tests

tests:
  - text: 'O elemento <code>#box-container</code> deve ter uma propriedade de <code>flex-direction</code> definida como coluna.'
    testString: 'assert($("#box-container").css("flex-direction") == "column", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.");'

Challenge Seed

<style>
  #box-container {
    display: flex;
    height: 500px;

  }
  #box-1 {
    background-color: dodgerblue;
    width: 50%;
    height: 50%;
  }

  #box-2 {
    background-color: orangered;
    width: 50%;
    height: 50%;
  }
</style>

<div id="box-container">
  <div id="box-1"></div>
  <div id="box-2"></div>
</div>

Solution

// solution required

1.5 KiB Raw Blame History