HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blogueirinho</title>
<link rel="stylesheet" href="styleatv4.css">
</head>
<body>
<header></header>
<main class="apresentacao">
<strong><h1 class="titulo-blog">Blogueirinho, a sua fofoca em dia</h1></strong>
<p class="texto-destaque">Não é a linguagem de programação que define o programador, mas sim sua lógica</p>
<br><Strong><p class="urgente">Notícias Urgentes agora</p></Strong>
<br><strong class="vini"><p>Famosos enchem publicação de Vini Jr. de comentários em apoio ao jogador</p></strong>
<strong class="giseleb"><p>Filhos de Gisele Bündchen têm reação revelada por nova gravidez da mãe famosa: 'Benjamin e Vivian estão...</p></strong>
<strong class="ney"><p>Bruna Biancardi faz declaração de amor à Neymar pela primeira vez após traições</p></strong>
<img src="8.webp">
<div class="container">
<div>Item 1</div>
<div>Item 2</div>
<!-- Mais itens aqui -->
</div>
<div class="responsivo-container">
<div>Conteúdo 1</div>
<div>Conteúdo 2</div>
<!-- Mais conteúdos -->
</div>
</main>
</body>
</html>
*{
margin: 0;
padding: 0;
}
.texto-destaque{
color: blue;
}
.vini{
color: #000080;
}
.giseleb{
color: #000080;
}
.ney{
color: #000080;
}
.titulo-blog{
color: rgb(39, 19, 216);
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.urgente{
color: red;
}
body{
overflow: hidden;
height: 100vh;
background-color: #FFA07A;
box-sizing: border-box;
}
.apresentacao {
display: flex;
align-items: center;
justify-content: space-between;
}
.container {
display: flex;
align-items: flex-end;
height: 300px; /* Altura ajustável conforme necessário */
}
.responsivo-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
