Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Wortkit Landing page - React and Material-ui

#react#material-ui
P
Chamu• 12,970

@ChamuMutezva

Desktop design screenshot for the Workit landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
ascorrea• 50

@ascorrea

Posted

Te recomiendo usar esta herramienta para poder aprender más de los errores que salen a nivel de producción. https://pagespeed.web.dev/analysis/https-workit-landing-material-ui-netlify-app/z2vx1sx1nb?form_factor=mobile

Considero que lo mejor siempre es crear web sencillo. si quieres aprender sobre animaciones y ponerlo en práctica lo mejor sería hacerlo con scroll y dar animaciones a los componentes de tú páginas. Te dejo un link donde puedes encontrar una guía, a mí me ha ayudado mucho. https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9

0

P
Chamu• 12,970

@ChamuMutezva

Posted

@chokdiand , the animation used in this challenge are for interactive purposes - they respond when the button is active. When using a keyboard interactive elements have to show to the user when for example a button has focus. The only exception was the image which is animated when hovered upon.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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