spotipy icon indicating copy to clipboard operation
spotipy copied to clipboard

Fix: Make the site responsive for devices of width <720px

Open jessej-samuel opened this issue 3 years ago • 7 comments

Currently, the app doesn't support devices with screen-width below, 720px. You can switch the display here for seeing the issue.

jessej-samuel avatar Jan 05 '22 07:01 jessej-samuel

May be you should try to target some specific range , while combining Max-width and min-width ?

YehorKholodiuk avatar Jan 26 '22 11:01 YehorKholodiuk

May be you should try to target some specific range , while combining Max-width and min-width ?

Yeah. But, I need to rewrite the whole styling part for that. Especially, the player section. Unfortunately, I am quite busy with academics atm 😅

jessej-samuel avatar Jan 26 '22 17:01 jessej-samuel

Also, for some reason, I can't seem to place the volume button properly on a small screen.

jessej-samuel avatar Jan 26 '22 17:01 jessej-samuel

Hi @jessej-samuel, may I work on this issue? Please assign it to me

asamaiya00 avatar Oct 03 '22 17:10 asamaiya00

Yep sure!

jessej-samuel avatar Oct 03 '22 17:10 jessej-samuel

It needs refactoring, the CSS display property is used in both flex as well as the grid system. Feels a little inconsistent and each component is styled differently. I might not have the bandwidth to refactor all the styles files.

Unassigned myself. Anyone else can take this up

asamaiya00 avatar Oct 03 '22 20:10 asamaiya00

It needs refactoring, the CSS display property is used in both flex as well as the grid system. Feels a little inconsistent and each component is styled differently. I might not have the bandwidth to refactor all the styles files.

Unassigned myself. Anyone else can take this up

Yea, thanks for your time. I still regret the bad code 🥲

jessej-samuel avatar Oct 04 '22 04:10 jessej-samuel