New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Tabelas e galerias de imagem ficam com largura maior que a da imagem caso o texto seja extenso #4
Comments
Solução que encontrei foi remover o width: 100% dessa classe dentro do estilo-torneios.css e mudar a margin para none @media only screen and (max-width: 650px) {
div.gallery-torneios { } |
@Nix-Alba É um bom início, o problema é que em larguras pequenas essas divs de galeria ultrapassam o limite horizontal do corpo. A largura mínima idealizada para o Acervo SRB2 Brasil é 320px, que parece ser a largura mínima que smartphones menores costumam ter. |
Espero que isso ajude! CSS ` div.gallery-torneios { } div.gallery-torneios img { div.desc-torneios { } @media only screen and (max-width: 650px) { `
`
` |
Não funcionou, mas o código que você forneceu me fez reparar na solução: /* CONSULTAS DE MÍDIA */
@media only screen and (max-width: 650px) {
div.gallery-torneios img {
max-width: 100%;
} Obrigado! |
Precisamos arranjar alguma maneira de fazer com que esses quadros tenham sempre a mesma largura da imagem. Tentei resolver isso durante o desenvolvimento e não consegui, por isso de quebra-galho usei quebras de linha manuais. No entanto, elas não funcionam adequadamente em todas as resoluções.
The text was updated successfully, but these errors were encountered: