Making the site mobile responsive

PrathmeshSadake / unsplashy

An image gallery that fetches images from Unsplash API. It has some awesome features like searching for images and infinite scrolling in which images keeps on loading as the user scrolls.

https://unsplashy-prathmeshsadake.netlify.app

23 stars 16 forks source link

Making the site mobile responsive #10

Closed ankitk26 closed 2 years ago

ankitk26 commented 2 years ago

Issue: The site is not responsive on smaller screens.

The masonry list of 3 columns makes the images difficult to see clearly.
The search input has a smaller width and the navbar looks stacked.

Solution

Make the masonry list of 2 columns for smaller screens.
Increase the width of the search input and align the items properly in the navbar.

Kindly assign me to fix this issue under GGSOC22

mayank-del commented 2 years ago

I have completed full stack development internship and i made a page responsive which have only pixels in it's css, so, now i can make it responsive.

nawed2611 commented 2 years ago

You can start working on it @ankitk26!

nawed2611 commented 2 years ago

Any updates? @ankitk26

ankitk26 commented 2 years ago

It's almost done. Just the navbar is left to be made responsive. @nawed2611

nawed2611 commented 2 years ago

Updates?

ankitk26 commented 2 years ago

I have already created the pull request

nawed2611 commented 2 years ago

Ill review the PR

roshanchatei commented 2 years ago

@nawed2611 If there is a problem then I would like to work on this issue