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

Advice generator using React and framer motion.

P

@mohsin316

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Copper2 410

@long-1810

Posted

The button is too big. Maybe you can size it down to ~3rem of width and height and set the dice in the middle

1
Leroy-sama 280

@Leroy-sama

Posted

Hello Mohsin. Your dice button is really big, i don't why because I'm not yet familiar with react. I'm sure its a small thing.

1

P

@mohsin316

Posted

@Leroy-sama yeah idk why its massive on mobile. On desktop it seems to be working fine.

0

@DmytroGaiduk

Posted

@mohsin316

Just wonder,

Why don't limit .dice element dimensions? like .dice { width: 50px; height: 50px; } or max-width.

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