Eu queria entender o porquê de, quando eu adicionei o align-self: center; no menu-lateral__logo o tamanho da imagem diminuiu. Isso acontece sempre? não conseguie pegar esse racional!
Alguem poderia me dar essa luz?
Eu queria entender o porquê de, quando eu adicionei o align-self: center; no menu-lateral__logo o tamanho da imagem diminuiu. Isso acontece sempre? não conseguie pegar esse racional!
Alguem poderia me dar essa luz?
hoje, com a Alura e o Google Gemini
Bom dia João,
o elemento que faz a diminuição da imagem logo nesse ponto do código na verdade é o width. O align-self só alinha a imagem ao centro.
Opa João!
Isso provavelmente está acontecendo pois o comportamento padrão para um flex-container é de esticar os elementos align-items: stretch e os flex-items assumem esse comportamento também, ao alterar a propriedade align-self o item deixa de ser esticado e passa a adotar o tamanho "natural".
Aqui você consegue pegar uma ideia desse comportamento: https://developer.mozilla.org/pt-BR/docs/Web/CSS/align-items