eu coloquei duas imagens com os seus devidos links, aparecem normal mas quando esta em tela cheia, elas nao estão clicáveis pra direcionar mas quando a janela esta bem reduzida ai sim funcionam, o que pode ser? eu nao fiz nenhuma alteração com css nelas
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/projetoCripto.css">
<title>decodificador</title>
</head>
<a href="https://www.linkedin.com/in/marco-nery-3b66711a1/">
<img src="linkedin.png"/>
</a>
<a href="https://github.com/Marco-Neryy">
<img src="github4.png"/>
</a>
<h1 class="titulo">decodificador de Textos</h1>
<body>
<!--div das textareas-->
<div class="boxTexts">
<textarea class="textarea1" id="campTxt1" placeholder="escreva sua mensagem "
onfocus="this.value=''; "></textarea>
<textarea class="textarea2" id="mostraTexto" placeholder="mensagem criptografada" readonly
disabled></textarea>
<textarea class="textarea3" id="mostraTexto2" placeholder="sua mensagem apareça aqui" readonly
disabled></textarea>
</div>
<!--div dos botoes-->
<div class="botoes">
<button class='btn1' id="btn1">encriptar mensagem</button>
<button class='btn2' id="btn2">revelar mensagem</button>
<button id="btn_copia" class='btncopia' onclick="copiarTxt()">copiar</button>
</div>
<script src="projetoCripto.js"></script>
</body>
<footer div class="rodape"> desenvolvido por Marco antonio Nery/ Projeto Oracle one Alura</footer>
</html>
