0

Preciso de ajuda com um problema em CSS

#HTML #CSS
Beatriz Figueiredo
Beatriz Figueiredo

Estou realizando o curso de alinhamento e posicionamento de grid em css e me deparei com a seguinte situação: ao declar os parâmetros das classe flex-start e flex-end antes das demais ela não funcionava, no entanto, se estas fossem colocadas após as demais os parâmetros

funcionavam... Alguém sabe porque isso acontece? Suspeito que esteja acontecendo um certo conflito entre as regras, prevalecendo a regra que esteja "por cima da carne seca", obedecendo o "efeito cascata".

Segue a captura de tela, sem funcionar: blob:https://web.digitalinnovation.one/8bb2dad9-e4a5-4207-b8f9-83245a734a00

E funcionando: blob:https://web.digitalinnovation.one/68a8483d-bf3e-4ebc-88c7-ebab688e9ecf

obs.: não sei se é possível a visualização das imagens... kskksksk

0
1

Comentários (3)

0
Beatriz Figueiredo

Beatriz Figueiredo

22/08/2021 20:42

Muito obrigado pelos conselhos, irei me aprofundar nesses conceitos. E tomar mais cuidado com esses detalhes. Grata, pela atenção. ;)

0
j

josemar Serafim

22/08/2021 17:58

antes de fazer o uso de outras propriedades flex, tu deves dizer que ela está usando ela como display (display: flex; ou flex:1;) assim como só podes usar as outras propriedades do block (quando tu usas o display: block)

0
R

Rogério Pereira

22/08/2021 15:43

Recomendo a leitura desta documentação para entender como a cascata do CSS funciona:

https://developer.mozilla.org/pt-BR/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance

Web Full Stack Jr

Brasil