Profile Card
Hoje vamos trabalhar em um profile card — aquele bloco comum que mostra foto, nome e descrição de alguém. O código parece simples à primeira vista, mas para quem está começando, pode esconder várias pegadinhas. O profile card que vamos usar como base está disponível no CodePen.io — você pode ver uma prévia logo abaixo: See the Pen Profile Card by RedSTwix ( @RedSTwix ) on CodePen . Pequenos ajustes podem fazer toda a diferença: centralizar a imagem, alinhar o texto, deixar responsivo… Parece básico, mas é justamente aí que muitos iniciantes travam. Vamos juntos entender cada parte e transformar esse “código misterioso” em algo claro e replicável. Vamos começar pelo código básico — o esqueleto do nosso snippet. <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head...