Loading repository data…
Loading repository data…
fabiodeandrade / repository
🃏 NFT Card Preview: a utilização de display flex para criação e edição do primeiro desafio do Frontend Mentor
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.
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"
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.
flex;Wrap para elementos filhos::before e ::after)divs do HTML, para melhor alocar elementos filhos e pai.