ml-resources-react icon indicating copy to clipboard operation
ml-resources-react copied to clipboard

Published 20 hours ago • verified publisher icon Parasgupta44

Fix the responsiveness of the webpage for smaller mobile screens.

Open Parasgupta44 opened this issue 4 years ago • 4 comments

Task

Fix the responsiveness of the page displaying the ml resources ( i.e. Display.jsx ) for smaller screens (alignment and styles). Please check Readme.md and Contributing.md in the repo's root for more details.

Parasgupta44 avatar Oct 04 '20 14:10 Parasgupta44

Do you want an animation... ?? where only the title of the card are displayed and when u hover over them they expand to full size ??

Let me know.. so that i can start working on it !!

Screenshot (75)

trivedidhruvil9 avatar Oct 05 '20 04:10 trivedidhruvil9

Do you want an animation... ?? where only the title of the card are displayed and when u hover over them they expand to full size ?? Let me know.. so that i can start working on it !!

Hi @trivedidhruvil9 ...that'll be really awesome. Giving a more dynamic feel to the page sounds great !!

Parasgupta44 avatar Oct 05 '20 07:10 Parasgupta44

hey so the responsiveness of website doesn't looks good for Tablets, as the cards become too wide for the screen size hence I had fixed this issue and updated media queries position in css file to find responsiveness part of code all at one place.Hope yoy will like the changes and mark my PR as hacktoberfest accepted. PR is #42 Screenshot 2020-10-10 at 12 14 34 AM

kartikmandhan avatar Oct 09 '20 18:10 kartikmandhan

hey so the responsiveness of website doesn't looks good for Tablets, as the cards become too wide for the screen size hence I had fixed this issue and updated media queries position in css file to find responsiveness part of code all at one place.

Done. Merged.

Parasgupta44 avatar Oct 10 '20 08:10 Parasgupta44