entendi. contudo ficou um pouco difícil de achar as classes no codpan porque elas estão como segunda classe. exemplo: quadros__item quadro-tailwind mais ficou mais claro e quebrei muito a cabeça ontem pra entender essa order. perfeito
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
entendi. contudo ficou um pouco difícil de achar as classes no codpan porque elas estão como segunda classe. exemplo: quadros__item quadro-tailwind mais ficou mais claro e quebrei muito a cabeça ontem pra entender essa order. perfeito
Oii Sergio, tudo bem?
A propriedade 'order' é usada para definir a ordem dos itens em um container Flexbox. No seu caso, cada item (quadro-html, quadro-css, quadro-angular, quadro-svelte, quadro-tailwind) representa um quadro no layout. A propriedade 'order' permite que você controle a ordem desses quadros sem alterar a estrutura HTML.
As classes que você mencionou (quadros__item quadro-tailwind, por exemplo) são chamadas de classes múltiplas.
Que bom que conseguiu entender no final!
Um abraço e bons estudos.