New design with animations | Novo design com animações
Design comparison
Solution retrospective
(PT_BR) Treinando animações com CSS!
(EN) Training animations with CSS!
Community feedback
- @AdrianoEscarabotePosted over 2 years ago
Fala Bruno, tudo bem?
Cara ficou realmente ótimo as animações, você foi bem criativo. Você deixou as medidas do seu projeto identicas ao do layout de exemplo, parabéns, isso não é uma coisa fácil de fazer ahuahuahuha
Tenho algumas dicas que penso que você gostará:
1- O documento deve ter uma tag
main
, você poderia ter colocado todo o conteúdo dentro de uma tag main. clique aqui2- Percebi que o seu layout estava começando a haver algumas quebras quando chegava a 356px, você pode corrigir isso, com o auxílio de um media query caso seja necessário.
O resto está ótimo. Espero que ajude... 👍
Marked as helpful1@BrunoleonardoDevPosted over 2 years agoE ai Adriano, tranquilo?
Verdade, esse projeto foi o primeiro desafio que fiz aqui no Mentor, e reutilizei a estrutura do HTML da versão original e com isso acabei trazendo e erro junto. Eu nem tinha percebido a falta da tag main. kk
Obrigado pela as observações, foram muito uteis e fico feliz que tenha gostado do novo design!
1@AdrianoEscarabotePosted over 2 years ago@BrunoleonardoDev ahuahahua acontece man.
Nunca vi ninguém fazendo um design igual a esse, você mandou muito. É bem legal ver todos tentando inovar nos desafios e trazendo um pouco da criatividade individual que cada um tem.
0 - @correlucasPosted about 2 years ago
@BrunoleonardoDev Ficou bem foda esse efeito de background eu ainda não tinha visto esse seu desafio, parabéns lek.
Esse efeito em loop foi feito todo com CSS ou tem JS?
Mto bom mesmo mano 👏👏
Marked as helpful0@BrunoleonardoDevPosted about 2 years ago@correlucas Fala meu parceiro, tranquilo?
Então, esse efeito foi só no css mesmo 😁
Que bom que gostou mano, confesso que de vez em quando eu me pego admirando esse desafio 😂 achei foda também.
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord