Kanika637 / amazon-clone

Clone of Amazon Website
MIT License
89 stars 101 forks source link

Product's text being misplaced #50

Closed Kanika637 closed 2 years ago

Kanika637 commented 2 years ago

Describe the bug The CSS of the product's information has been misplaced

Current Behaviour

image

Expected behaviour

image

Additional context

Do share screenshots of the work you do while making the PR.

najeebkp commented 2 years ago

Hi, I would like to take this up. can you please assign me this task? @Kanika637

Jai-Solania-29 commented 2 years ago

Thanks for showing interest @najeebkp, Go ahead you can start working on the issue 🚀

najeebkp commented 2 years ago

Hi @Jai-Solania-29. i couldn't run this app. it shows webpack error. then i troubleshooted. now it showing Failed to compile. ./node_modules/@mui/styled-engine/index.js Module not found: Can't resolve '@emotion/react'

Rounak-28 commented 2 years ago

Hey @najeebkp I also faced the same issue. You can fix this by - npm i @emotion/react @emotion/styled

najeebkp commented 2 years ago

Thanks @Rounak-28 It works !!

sunilgaddi commented 2 years ago

I just saw this issue on the website, it is because the product card container max-height is set to 400px, which in turn making the text-overflow.

Kanika637 commented 2 years ago

Hey @sunilgaddi, thanks for pointing out the error👍 @najeebkp You can take idea from this🚀