QR-Code solution + Bonus for fun.

Community feedback

• 

  P

  Fluffy Kas•7,715

  @FluffyKasPosted over 2 years ago

  Hey there,

  First of all, congrats on uploading your first solution!

  Apart from the things @Alucard2169 said already, I'd just suggest reducing the transition time on the image. ^^ 0.2-0.3s would work a lot better for such a short animation, longer transitions than this can look a bit "laggy".

  Marked as helpful

  0

  ---

  

  Nazemrap•200

  @NazemrapPosted over 2 years ago

  @FluffyKas Correction applied, it's way smoother like that. Thanks ;)

  0
• 

  Alucard•870

  @Alucard2169Posted over 2 years ago

  hi @Nazemrap great work.

  For centering the card property with the body

  you can put your card in a container and then use display: flex on the body, remember to set a height on your body of 100vh and then use justify-content and align-items property.

  Flexbox and grid are very important to make responsive designs. and they also make the work a lot easier.

  here this video gives a great understanding of flexbox

  Marked as helpful

  0

  ---

  

  Nazemrap•200

  @NazemrapPosted over 2 years ago

  @Alucard2169 Thanks for the tips and the youtube chanel recommandation. Just finished the video, indeed it's way easier and flex like that. Thanks again!

  0

  

  Alucard•870

  @Alucard2169Posted over 2 years ago

  @Nazemrap any time bro😊

  0