Olá pessoal,
tenho duas situações que fiquei um tempo tentando ajustar... e não consegui... kkkk
seguem as situações: 1. definindo as propriedades abaixo, a apresentação fica ok. Porém se aumentar o zoom, parte dos tópicos do blog (.blog li) ficam cortados.
.blog li { width: 30%;} .blog .inicio-post { position: absolute; height: 8rem; left: 30%; }
O problema ocorre pois os dois elementos tem referência ao tamanho da tela. sendo o primeiro width 30% e o segundo left 30%. que em alguns momentos se sobrepõem, devido o position: absolute. Deixando os dois com medida em ch, fica ok, porém não fica dinâmico.
- E também, o texto do primeiro blog (inicio-post), fica fora da caixa delimitadora, quando o zoom é aumentado bastante. Consegui resolver, removendo o altura fixa... height: 8rem... porém quando diminuído o zoom, o fundo ficou somente com uma linha.
Então, as duas situações são similares, pois eu gostaria de deixar dinâmico e mesmo assim, evitar estas situações problemáticas acima citadas.
Atenciosamente, Edir
