Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
Considerar o trecho de uma página HTML: <html>...
Ano:
2024
Banca:
Objetiva Concursos
Prova:
Objetiva Concursos - Prefeitura - Analista de Sistemas - 2024
Considerar o trecho de uma página HTML:
<html>
<head>
<title>Minha página</
</
<body>
<div id="conteudo">
<h1>Meu título</
<p>Meu parágrafo</
<img src="imagem.jpg" alt="Minha imagem" /
</
</
</
Pedro é um programador frontend, e seu superior pediu para que ele posicionasse a imagem no canto superior direito da tela, com um espaçamento pequeno entre a borda da imagem e a borda da tela, mas somente quando a largura da janela do navegador for inferior à largura de uma tela com resolução HD. Qual dos trechos de código CSS abaixo soluciona CORRETAMENTE a tarefa de Pedro?
A
@media (max-width: 1280px) {
img {
position: absolute;
top: 0;
right: 0;
margin: 0.5rem;
}
}
B
@media (max-width: 1280px) {
#conteudo {
position: relative;
}
img {
position: absolute;
top: 0;
right: 0;
margin: 1rem;
}
}
C
@media (max-width: 720px) {
img {
position: absolute;
top: 0;
right: 0;
margin: 8px 16px;
}
}
D
@media (max-width: 1080px) {
#conteudo {
position: absolute;
top: 0;
right: 0;
margin: 0.75rem;
}
}