Responsive code window in mobile device ?

code-hike / codehike

Marvellous code walkthroughs

https://codehike.org

MIT License

4.51k stars 140 forks source link

Responsive code window in mobile device ? #164

Closed nurmohammed840 closed 11 months ago

nurmohammed840 commented 2 years ago

I don't know how to explain, But in this first example on mobile device, Font is very large (like 14) But I want to show 2nd example on mobile device, and hide scroll bar,

Documentation is not very helpful, And I have no idea what to do...

I also want to change button (next/prev) style.

I just want to show all code, without scrolling, On mobile like devices...

pomber commented 2 years ago

A live example of your issue would be helpful.

Have you tried adding custom CSS?

nurmohammed840 commented 2 years ago

Modified many internal CSS styles using, chrome dev tool. Like:

aspect-ratio in .ch-slideshow-slide style
height and width in .ch-code-scroll-content style
font size/width, line height etc... in .ch-code-scroll-parent style

Those style doesn't make it responsive, And I have very little knowledge about CSS