Website isn't responsive for smaller screens. about p5.js-showcase HOT 10 CLOSED

just assigned! thanks for the help. Would it be possible to push before Tuesday or Wednesday? (I'm publicizing the showcase then), if not I can take a look at it and try to fix it

from p5.js-showcase.

Yes, I'll push it before Tuesday. Thanks!

from p5.js-showcase.

Awesome! Thanks for the help :)

from p5.js-showcase.

@connieliu0 Hey, I am almost done with the solution. Just one thing is left!

Can you tell me which component is this? I'm not able to find it.
Thanks.

from p5.js-showcase.

@chtushar it would be great if the language bar could be underneath the nav bar! on the full size it is to the left though. Also, the component that holds the stars has the id "P5Wrapper" and the code that links the sketch to the main page is ! I don't know why there is a giant margin to the left of the sketch though, it doesn't show up there on my screen.

from p5.js-showcase.

@connieliu0 Okay got it!

from p5.js-showcase.

• Header and hero section looks good now.
  

• Description
  

• Chart
  

• This part is little messed up soI've added overflow-x: hidden in CSS so it removes horizontal scrollbar completely.
  

One little suggestion, mobile phones anyway don't have space bar so we can hide "P5Wrapper" for mobile.

from p5.js-showcase.

Should I make a pull request?

from p5.js-showcase.

https://p5-js-showcase.vercel.app/ this one is with changes that I've made. :)

from p5.js-showcase.

@chtushar a pull request would be great! I think I'll keep the viz up anyways (space bar just changes the colors/text), that way they know they can access the website on desktop for a fuller view! Let me know as soon as you finish the pull request and I can merge!

from p5.js-showcase.