Created the animal page responsive (final)

[Riddhi162]

I have made the page responsive also improved the font positioning and size etc.

issue #280

Checklist:

• [x] I have performed a self-review of my code
• [x] I have added/updated relevant documentation (if needed)
• [x] I have tested the changes locally and they function as expected
• [x] I have ensured my code follows the project's coding standards

Additional Notes

[Add any additional notes or context about the changes made]

[codewarnab]

add screenshot resolve conflicts

[Riddhi162]

[codewarnab]

make the title responsive in a way so that it doesnot wrap in mobile

[Riddhi162]

okay

[Riddhi162]

@codewarnab

[codewarnab]

can do a npm build and share the ouput ?

[Riddhi162]

can do a npm build and share the ouput ?

[codewarnab]

i think you have messsed up something in tailwind config . after npm start i am facing this

[Riddhi162]

I am unsure why it shows you this I compared my tailwind.config.js with yours and they are looking same.

[Riddhi162]

@codewarnab does the issue still persist can youpls merge the pr

[codewarnab]

yes this issue still persists on your branch on main branch this is not their try to reproduce by running npm start

[Riddhi162]

Shall i create another branch and just commit this one file which is AnimmalDetails.jsx and not tailwind.config.js