sergiop / react-giphy-searchbox

Responsive and customizable search and select for Giphy's GIFs and Stickers.
https://sergiop.github.io/react-giphy-searchbox/
MIT License
48 stars 19 forks source link

How to make the component fully responsive with screen size #60

Open vikasr111 opened 2 years ago

vikasr111 commented 2 years ago

Hi,

First of all amazing library and so easy to use in React projects. I was wondering if there's a way to set the width of the container and images in % so that the whole component will be fully responsive. I tried setting % width in masonryConfig but it doesn't work.

Please look at the screenshot for reference. Notice the empty area on the sides, it'd look great if there was a way to cover it.

Screenshot 2021-10-20 at 8 35 46 AM

In the other image when screen width is smaller, the component overflows outside of area.

Screenshot 2021-10-20 at 8 38 21 AM