Este projeto é uma apresentação interativa desenvolvida com HTML5 e CSS3, com foco em Flexbox. O objetivo principal foi demonstrar, de forma prática e visual para meus colegas de faculdade durante uma apresentação, os conceitos fundamentais do Flexbox, como flex, flex-grow e flex-shrink, que são essenciais para a criação de layouts responsivos e flexíveis.
A aplicação demonstra como as propriedades do Flexbox controlam o comportamento dos itens dentro de um contêiner flexível.
flex: Esta é uma propriedade abreviada que combinaflex-grow,flex-shrinkeflex-basis. Ela é a forma mais comum de controlar o crescimento e o encolhimento dos elementos flex.flex-grow: Define a capacidade de um item flex crescer, se necessário. Um valor maior permite que o item ocupe mais espaço livre em relação aos outros itens no contêiner.flex-shrink: Define a capacidade de um item flex encolher, se necessário. Um valor maior faz com que o item encolha mais rapidamente em comparação com outros itens no contêiner quando não há espaço suficiente.