Skip to content

Fix problems with Speaker CSS#38

Merged
duduribeiro merged 1 commit intomasterfrom
fix/problem-with-speak-css
Apr 19, 2018
Merged

Fix problems with Speaker CSS#38
duduribeiro merged 1 commit intomasterfrom
fix/problem-with-speak-css

Conversation

@guidiego
Copy link
Copy Markdown

Problema
Houve alguns conflitos devido algumas classes de bootstrap, em alguma dimensões as medidas da imagem e comprimento dos wrappers dos speakers conflitavam jogando as colunas pra frente.

Detalhamento para aprendizagens futuras

  • Ja que bootstrap usa float + clear em seus grids qualquer div que estrapole altura (em um cenário onde usamos o col como um tipo de listagem esperando q em caso que estrapole as 12 colunas ele jogue o excedente pra baixo) vai empurrar as proximas colunas (da linha de baixo), para frente
  • Quando a imagem tem apenas max-width ela vai se limitar ao tamanho maximo da media que foi carregada (algumas fotos tinha max de 270px/350px) não acompanhando as demais.

Solução

  • Adicionado min-height ao tamanho do wrappers para algumas dimensões evitando a quebra do layout do bootstrap
  • Adicionado width: 100% na imagem para ela "estrapolar" o max-width

@duduribeiro duduribeiro merged commit eb65f62 into master Apr 19, 2018
@duduribeiro duduribeiro deleted the fix/problem-with-speak-css branch April 19, 2018 12:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants