Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Card Detail Component - REACT & TAILWIND CSS

#react#tailwind-css
Sameer Singhβ€’ 530

@SameerJS6

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison

SolutionDesign

Sameer Singh’s questions for the community

Hi Frontend Mentor Community, this is my solution for the Interactive Card Detail Component.

  • I saw this challenge a really long time ago, back when I was starting with CSS, and today I completed it using React.

  • I had fun making this one and also added some extra animations to it to make it more interesting.

Thank you, Feedback is welcome, Sameer

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hi, Sameer Singh! πŸ‘‹

Awesome job on this challenge! πŸ‘ Your solution looks great and works well and I really like the animations you added to give your solution an extra touch! πŸ‘

Only very small suggestion I have for you is to make sure the gradient background on the left side of the page in the desktop layout fills up the entire height of the screen (as it stops short on larger desktop screens). πŸ™‚

Keep coding (and happy coding, too)! 😁

0

Sameer Singhβ€’ 530

@SameerJS6

Posted

@ApplePieGiraffe Thanks for pointing it out buddy, I kind of knew that but being lazy, I thought who's gonna use it on a big screen?

Nevertheless, I Fixed it....

Thank You...

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join other Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord