O desafio era "Um primeiro desafio perfeito se você é novo em HTML e CSS. O layout do cartão não muda, por isso é ideal se você ainda não aprendeu sobre a criação de layouts responsivos."
Para completar o desafio, eu utilizei as seguintes ferramentas e técnicas:
HTML: Estruturei o conteúdo usando HTML, criando as seções necessárias como o cartão, o código QR e o texto informativo.
CSS: Utilizei CSS para estilizar e dar estilo ao componente. Defini variáveis CSS personalizadas para facilitar a gestão de cores e estilos.
Google Fonts: Integrando a fonte "Outfit" do Google Fonts para dar um estilo específico ao texto.
Organização de Arquivos: Organizei os arquivos em uma estrutura clara e intuitiva, separando o HTML, CSS e imagens em diretórios específicos.
Favicon: Adicionei um favicon ao meu desafio para melhorar a identificação e experiência do usuário.
=========================================================================================================================================================================================
The challenge was "A perfect first challenge if you're new to HTML and CSS. The card layout remains static, making it ideal if you haven't learned about responsive layout design yet."
To complete the challenge, I used the following tools and techniques:
HTML: I structured the content using HTML, creating necessary sections like the card, QR code, and informative text.
CSS: I used CSS to style and give a unique look to the component. I defined custom CSS variables to easily manage colors and styles.
Google Fonts: Integrated the "Outfit" font from Google Fonts to give a specific style to the text.
File Organization: I organized the files in a clear and intuitive structure, separating HTML, CSS, and images into specific directories.
Favicon: Added a favicon to my challenge to enhance user identification and experience.