1- header {
2- background-color : # 183C63 ;
3- color : # FFFFFF ;
4- text-align : center;
5- max-width : 800px ;
6- margin : 0 auto;
7- padding : 16px ;
8- }
9-
10- main {
11- background-color : # FFFFFF ;
12- color : # 183C63 ;
13- max-width : 800px ;
14- margin : 0 auto;
15- padding : 16px ;
16- }
17-
18- img {
19- width : 80px ;
20- height : 80px ;
21- }
221body {
23- font-family : Arial, Helvetica, sans-serif; /* Fonte universal herdada por todo o site */
2+ font-family : Arial, Helvetica, sans-serif; /* Fonte universal herdada por todo o documento */
243 margin : 0 ; /* Remove margens padrão do navegador */
254 padding : 0 ;
265}
@@ -55,24 +34,25 @@ img {
5534 width : 150px ; /* define a largura fixa da imagem */
5635 height : 150px ; /* define a altura fixa da imagem */
5736 border : 2px solid # 17048f ; /* adiciona uma borda sólida de 2px na cor azul/roxa */
58- display : block; /* transforma a imagem em um bloco para aceitar margens verticais e quebra de linha */
37+ display : block; /* transforma a imagem em um bloco para aceitar margens verticais e quebras */
5938 margin : 0 auto; /* centraliza a imagem horizontalmente na tela */
6039 align-self : center;
6140}
6241
6342.artigo-autor {
6443 font-weight : bold; /* deixa o texto em negrito */
6544}
45+
6646.texto-curto {
67- max-width : 65ch ; /* Limita a linha a cerca de 45 caracteres */
47+ max-width : 65ch ; /* Limita a linha a cerca de 45 caracteres */
6848}
6949
7050footer {
71- background-color : # b4cbc5 ; /* Mesma cor escura do texto do header para combinar */
72- color : # 013005 ; /* Cor da fonte branca para dar contraste e leitura */
73- text-align : center; /* Centraliza o texto horizontalmente */
74- max-width : 800px ; /* Mantém o mesmo alinhamento do header e do main */
75- margin : 0 auto; /* Centraliza o bloco inteiro na tela */
76- padding : 20px ; /* Cria um espaçamento interno para o fundo aparecer bem */
77- font-size : 14px ; /* Deixa o texto do rodapé um pouco menor e discreto */
78- }
51+ background-color : # b4cbc5 ; /* Mesma cor escura do texto do header para combinar */
52+ color : # 013005 ; /* Cor da fonte branca para dar contraste e leitura */
53+ text-align : center; /* Centraliza o texto horizontalmente */
54+ max-width : 800px ; /* Mantém o mesmo alinhamento do header e do main */
55+ margin : 0 auto; /* Centraliza o bloco inteiro na tela */
56+ padding : 20px ; /* Cria um espaçamento interno para o fundo aparecer */
57+ font-size : 14px ; /* Deixa o texto do rodapé um pouco menor e discreto */
58+ }
0 commit comments