Frontend Mentor Challenger - NFT preview card component [done] ✅ PT-BR

🃏 Desafio do Frontend Mentor - Card de exibição NFT

Esse foi meu primeiro desafio concluído do Frontend Mentor FeM; para quem não sabe o FeM é um site de desafios voltados tanto para estilização de UI's quanto funcionalidade das mesmas.

O Frontend Mentor é um dos melhores sites para se colocar na prática tudo aqui que se tem na teoria, ele simula uma requisição de um possível cliente para um trabalho em front end.

Desde a passagem de briefing com as especificações dos projetos até a simulação de alterações durante o processo para deixar mais realista ainda.

Basta acessar o site escolher o desafio de acordo com o seu nível e praticar.

🎯 Objetivo

O objetivo do desafio foi medir o quanto minha teoria estava alinhada a prática, acredito que isso seja uma das coisas mais importantes na hora de se estudar qualquer coisa, seja na area de tecnologia ou outra, pois isso no final das contas, vai trazer a segurança de saber distinguir:

"Eu sei sobre isso" de "Eu sei fazer isso"

🧑‍🍳 Como foi feito?

O desafio consiste em utilizar um HTML já escrito pelo FeM e estilizar de acordo com o briefing passado pelo próprio site.

Os arquivos iniciais são fornecidos em um arquivo zipado de onde você pode aproveitados para o seu código.

Pra esse primeiro desafio eu levei em torno de 1h para concluir a primeira parte - sem os efeitos solicitados pelo briefing, como os de hover e transition - e mais 30m para finalizar o projeto todo.

🎨 Principais atributos para estilização

• Display: flex;
• Conceito de Wrap para elementos filhos
• Chamadas para o hover de pseudo elementos (::before e ::after)
• Reestruturação das divs do HTML, para melhor alocar elementos filhos e pai.

Link para o desafio

Preview Card NFT