O que faz o Display Flex?
O display: flex funciona de uma maneira diferente dos outros displays. Quando colocamos essa propriedade em um elemento, esse elemento se torna um flex container, a partir daí podemos manipular todos os elementos filhos desse flex container com propriedades novas.O que faz o Flex Grow?
Propriedade flex-growIsto fará com que o elemento se estique e ocupe qualquer espaço disponível nesse eixo ou uma proporção dele, caso outros elementos-irmãos também possam crescer.
O que o Justify Content faz?
A propriedade justify-content é usada para alinhar os elementos ao longo do eixo principal (main-axis), cuja direção (row ou column) é definida a partir da propriedade flex-direction.O que faz o flex wrap?
flex-wrap. Por padrão, os flex items vão todos tentar se encaixar em uma só linha. Com esta propriedade você pode modificar esse comportamento e permitir que os ítens quebrem para uma linha seguinte conforme for necessário.Dove Cameron, Sofia Carson - Space Between (from Descendants 2) (Official Video)
O que é space between em CSS?
space-between: O primeiro item é deslocado para o início do eixo principal, o último é deslocado para o final do eixo principal e os demais são distribuídos uniformemente entre eles; space-around: Os itens são uniformemente distribuídos ao longo do eixo principal.O que é flex flow?
O flex-flow é um atalho para as propriedades flex-direction e flex-wrap. Você não verá muito o seu uso, pois geralmente quando mudamos o flex-direction para column, mantemos o padrão do flex-wrap que é nowrap. E quando mudamos o flex-wrap para wrap, mantemos o padrão do flex-direction que é row.Para que serve o flex shrink?
tenta colocar valores maiores no item que você deseja que "encolha" mais quando a tela ficar menor.O que é o flex basis?
Define a largura inicial do elemento. A largura do elemento é flexível, podendo aumentar caso não haja quebra de linha, mas também a largura pode ser reduzida caso outro elemento a force.Para que serve o flex direction?
A propriedade CSS flex-direction define como os itens flexíveis são colocados no contêiner flexível, definindo o eixo principal e a direção (normal ou invertido).Para que serve o align content?
align-content — descrito na especificação como "packing flex lines"; controla o espaço entre as linhas no eixo transversal.Como funciona o align-items?
A propriedade align-items alinha os itens dentro de um container flex ao longo do eixo cruzado (perpendicular). Funciona da mesma forma que o justify-content para o eixo principal.O que é um container flex?
Então, o flex-container é como essa caixa para os elementos na sua página da web! Ele os organiza de maneira flexível, permitindo que você os mova e ajuste facilmente. Isso aqui diz para a página web que os elementos dentro da `. container` devem ser organizados em linha, centralizados horizontalmente e verticalmente.O que é flex end?
O valor flex-end define que o conteúdo será alinhado a partir do final do eixo principal. Usando center , o conteúdo será alinhado ao centro do eixo principal. Um outro valor bastante útil é o space-between , que alinha o conteúdo ao longo do eixo principal e adiciona um espaço padrão entre todos os elementos.O que é flexgrow?
Quando você define flex-grow: 1 em um item flexível, ele indica que esse item pode crescer para ocupar o espaço disponível no contêiner. No caso específico da aula, a ideia é que a barra ocupe toda a largura disponível entre os ícones de seta, garantindo que o layout se ajuste de forma responsiva.O que é um container em HTML?
O elemento "container" é bastante utilizado em HTML e CSS para criar uma área centralizada na página, limitando o conteúdo e facilitando a sua visualização.O que é o Justify-Content?
Por outro lado, a propriedade justify-content é utilizada para controlar a posição horizontal dos elementos filhos dentro de um contêiner flexível. Ela define como os itens são alinhados ao longo do eixo principal, que é a direção do fluxo dos elementos.Como alinhar com Flexbox?
Você precisa usar a propriedade justify-content para centralizar itens no flexbox ao longo do eixo principal. Seu valor padrão é flex-start, que alinha todos os itens dentro do contêiner flex ao início do eixo principal. Se você quiser centralizar os itens, precisará usá-lo com o valor central .O que é o CSS Grid e como ele difere do Flexbox?
Flexbox é ótimo para organizar itens em uma única linha ou coluna, como um menu de navegação. Grid é perfeito para criar layouts mais complexos, como a página de um jornal, onde você precisa de várias linhas e colunas. Você pode até mesmo usar os dois juntos para layouts superpoderosos!Para que serve o Flex Treatment?
O FLEX TREATMENT é um produto de limpeza superconcentrado, de alta eficácia, que age rapidamente no motor, removendo depósitos e causadores de perda de potência em qualquer sistema de injeção de combustível, tanto nacional como importado.Para que serve o Longflex?
Hidratação e elasticidade da pele. Suporte para articulações e músculos.Para que serve flex power?
Osteo Flex Power é a combinação para tratar inflamações nas articulações, reconstruir cartilagens e tratar doenças, como artrite e artrose.O que é align items?
A propriedade CSS align-items estabelece o valor align-self em todos filhos diretos como um grupo. A propriedade align-self estabelece o alinhamento de um certo item dentro do bloco que o contém.O que é flex-direction column?
flex-directionAjuda a definir a direção dos flex-itens dentro do contêiner. Por padrão, o valor desta propriedade é row, o que faz alinhar em linha os elementos, mas temos outros valores possíveis nesta propriedade: column: os itens ficam em uma única coluna, de cima para baixo.