freeCodeCamp/guide/portuguese/certifications/responsive-web-design/css-flexbox/use-the-flex-direction-prop.../index.md

1.0 KiB

title localeTitle
Use the flex-direction Property to Make a Row Use a propriedade flex-direction para criar uma linha

Use a propriedade flex-direction para criar uma linha

Depois de ter um contêiner flexível, adicione a exibição: flex; para o contêiner pai, você pode especificar se deseja que os filhos sejam empilhados em uma linha, adicionando o seguinte:

#box-container { 
    display: flex; /* This makes the flex container */ 
    height: 500px; 
    flex-direction: row-reverse; /* This makes the direction be a row with reversed elements */ 
  } 

Você notará como as cores trocam de posição como a direção padrão dos contêineres flexíveis são linhas, como você deve ter notado no exemplo do tweet .