ThiagoKay

Queria saber como deixar a tg.png no topo, a esquerda desta div: <div id="inicial"> <div class="avisos"> <img src="o/tg.png" alt="logo" id="logo"> <h1>Seja bem vindo !</h1> <p>Acesse nossos conteudos abaixo</p> </div> <br> <hr> <br> <div class="lista"> <nav> <ul> <li>Lorem Ipsum</li> <li>Lorem Ipsum</li> <li>Lorem Ipsum</li> <li>Lorem Ipsum</li> </ul> </nav> </div> </div> CSS: #logo { width: 10rem; border-radius: 10%; } #inicial { background: radial-gradient(circle, rgb(20, 20, 20), rgb(17, 17, 17)); display:flex; flex-direction: column; margin: 0 auto; width: 40rem; padding:2rem; box-shadow: 1px 2px 4px 2px black; } #inicial > .avisos { font-family: 'Abel'; font-size: 1.5rem; color:rgb(170, 170, 170); text-align: center; }

window.addEventListener('load', function() { const screenWidth = window.innerWidth; const screenHeight = window.innerHeight; if (screenWidth < 1024 || screenHeight < 768) { window.location.href = 'nsup.html'; } else{ window.location.href = 'index.html'; } }); Fiz esse codigo acima, para que quando a resolução do usuario for menor que 1024x768 ele ser redirecionado para uma pagina dizendo que não a resolução dele não é suportada; mas quando é uma resolução maior, a index.html fica recarregando infinitamente, qual seria a solução?

Arrumei aqui, não ficou 100% mas vou editando; A solução foi retirar a "background:" e utilizar só a box-shadow... .lista { font-size: 1.5em; color: red; font-style: oblique; text-align: center; box-shadow: 5px 10px 10px black; }

Pessoal, estou com uma duvida; Como eu posso alinhar a seguinte background; imagem [background riscada de vermelho.] quero alinhar ela no centro, mas não vai... Codigo: .lista { font-size: 1.5em; color: red; font-style: oblique; text-align: center; box-shadow: 5px 10px 10px black; padding: 16px; width: 60%; background: #0d0763 no-repeat; align-items: center; background-position: center; justify-content: center; justify-items: center; } .lista ul { list-style: none; align-items: center; justify-content: center; justify-items: center; } Qual seria a "solução"?