RESOLUÇÃO - DESAFIOS E PROJETO | HTML e CSS: Classes, posicionamento e Flexbox

RESOLUÇÃO - DESAFIOS E PROJETO

DESAFIOS HTML

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
        <title>Desafios</title>
    </head>
    <body>
        <main>
            <h1>Vamos <strong class="titulo-blog">aprender</strong> como colocar destaque nos títulos no html</h1>
            <p>Aqui é um parágrafo com <strong class="texto-destaque">strong</strong></p>
            <p><strong class="urgentes">Essa mensagem é urgente!</strong></p>
            <p>essa nem tanto</p>
            <p><strong class="urgentes">Agora essa é muito</strong></p>
        </main>
    </body>
</html>

CSS

* {
    margin: 0;
    padding: 0;
}

.titulo-blog{
    color: rgb(6, 151, 204);
}

.texto-destaque{
    color:rgb(192, 12, 237);
}

.urgentes{
    color: red;
}