Esta é uma solução para o desafio do componente de cartão de visualização NFT no Frontend Mentor. Os desafios do Frontend Mentor ajudam você a melhorar suas habilidades de codificação criando projetos realistas.
Os usuários devem ser capazes de
- Veja o layout ideal dependendo do tamanho da tela do dispositivo
- Veja os estados de foco para elementos interativos
- O projeto deve ser igual ou proximo do objetivo do projeto
Desktop Mobile
- STATUS/ON Ao vivo Site URL: Veja o Projeto na Vercel
- Semantic HTML5 markup.
- CSS custom properties.
- SCSS(SASS) custom properties.
- CSS/SASS/SCSS Methodology BEM.
- Flexbox.
- Mobile-first workflow.
Como construir uma estrutura que tenha que utilizar as declarações position e z-index do CSS/SASS/SCSS
A Organização do Pojeto foi:
- Primeiro a estrutura HTML5 com boas práticas
- Criação de classes de forma mais clara
- Criação do layout em CSS/SASS/SCSS
- Adicionando responsividade
Pretendo Melhorar meu CSS e HTML e desenvolver projetos em JavaScript, CSS reduzir a utilização de classes desnecesarias e HTML desenvolver estruturas mais eficientes e melhores.
- Video de como usar o SASS BR - Aprendi com esse video como usar o basico do pré-processador Sass(Scss) em projetos
- CSS Methodology BEM - Aprendi Uma melhor forma de criar classes com esta metodologia para tornar o codigo mais legível e limpo possível
- CSS Artigo de Metodologia BEM - Artigo sobre a metodologia BEM foi um complementar
- Linkedin - Henrique Santos Santana
- Frontend Mentor - @HenriqueSSan
- Vercel - HenriqueSSan
Agradeço aqueles que estão vendo esse projeto e meu desenvolvimento tenham um bom dia