Spotify Clone 2.0 Responsive Layout Issue

[adrianhajdin]

Spotify Clone 2.0 Responsive Layout Issue

[Rowee13]

I think it has something to do with the resolution of the MacBook. If you will inspect the screen inner width of your browser, it is only around 1440px. Since this project is using tailwind, maybe try to play around with the classNames to adjust the sizes of each component. Take the issue as a chance to explore responsive UI. This is also my concern in most tutorials since we all have different types of devices.

[JCookDev]

Thanks for your response! Yes, this is a great learning opportunity. I'm currently working on getting my desired results for the layout. By changing some of the css values from pixels to percentages, I was able to move closer to the end goal. I almost got the layout how I want it to look.

…

On Thu, Nov 10, 2022 at 12:02 AM Rowee Apor ***@***.***> wrote: I think it has something to do with the resolution of the MacBook. If you will inspect the screen inner width of your browser, it is only around 1440px. Since this project is using tailwind, maybe try to play around with the classNames to adjust the sizes of each component. Take the issue as a chance to explore responsive UI. This is also my concern in most tutorials since we all have different types of devices. — Reply to this email directly, view it on GitHub <#15 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AYBRIALESYZVUXCBCGPOV4LWHR6VRANCNFSM6AAAAAARXLZHSQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[MadaraRU]

I find this temporary solution : https://stackoverflow.com/questions/62249030/how-to-set-and-unset-a-body-zoom-level-in-react