Entrar Ainda não tem acesso?
2
respostas

Exercício 9

Referente ao curso HTML e CSS: Classes, posicionamento e Flexbox, no capítulo Seletores e posicionamento e atividade Lista de exercícios

por MIGUEL SOUSA MONTEIRO
| 6.1k xp | 8 posts
...
HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exercício Flex box</title>
    <link rel="stylesheet" href="style1.css">
</head>
<body>
    <header></header>

    <h1 class="tiutlo-blog">Noticias do Corinthinas </h1>
    <p1> Blog de Noticias do Corinthians, onde a informação é a nossa prioridade. aqui, você encontra uma cobertura abrangente em <strong> Tempo Real.</strong></p1>
    <p class="noticias-urgentes"> Time do Corinthians perde invencibilidade de 13 jogos, após derrota para o Time do São Paulo, e fica em segundo lugar no seu grupo.</p>
    <img src="crt.png" alt="foto do simbolo do Corinthians">
    <footer></footer>
</body>
</html>

...
CSS:
*{
    margin: 0;
    padding: 0;
}

body{
    margin: 3px;
    padding: 10;
    border: 10px;
}
.titulo-blog
{
    background-color: #ffe4c4;
    color: #000;
    margin: 15px;
    border-radius: 15px;
    font-family: 'Times New Roman', Times, serif;
    border: 2px;
}

.texto-destaque
{
    color:rgb(12, 4, 4);
    background-color: #000;
    font-family: cursive;
}

p{
    margin: 15px;
    padding: 2px;
    border: 5px ;
    color: #000;
}
    .noticias-urgentes{
        color: red;
        background-color: #e8d1d1;
        font-family: Arial, Helvetica, sans-serif;
        border: 2px solid black;
    }
    strong 
    {
        background-color: rgb(53, 179, 179);
        color:black;
        font-family: Arial, Helvetica, sans-serif;
    }

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
2 respostas
por Lorena Garcia
| 11958.9k xp | 17886 posts
Alura Scuba Team

Oi, Miguel! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura.

Notei que você utilizou Flexbox para estruturar a página, mas há alguns pontos no HTML e CSS que podem ser ajustados. No HTML, a tag <p1> não existe, o correto é <p>. No CSS, a classe .titulo-blog está com um erro de digitação no HTML (.tiutlo-blog), o que impede a aplicação dos estilos.

Veja este exemplo corrigido: 

<h1 class="titulo-blog">Notícias do Corinthians</h1>

<p>Blog de notícias do Corinthians, onde a informação é a nossa prioridade. Aqui, você encontra uma cobertura abrangente em <strong>Tempo Real.</strong></p>

No CSS, ajustes como definir border corretamente e adicionar padding em pixels evitam comportamentos inesperados.

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

bons estudos
por Karina Ivanova Varlamova
| 288k xp | 532 posts

Olá! Creio que tags h1,