daily-code icon indicating copy to clipboard operation
daily-code copied to clipboard

bug: Codeblocks are not responsive

Open NEET64 opened this issue 1 year ago • 5 comments

The Problem The DIVs to display the code snippets and example code, are not responsive, in smaller screens the block remains the same size and the rest of the page shrinks, thus the code block overflows and breaks the page view.

To Reproduce Steps to reproduce the behavior:

  1. You can notice the problem in mobile views, the page is responsive but the the code snippets overflow.

Expected behavior The block should be horizontally scrollable and size should be respective to the parent container.

Screenshots or GIFs image

Info (please complete the following information):

  • Browser: Chrome
  • Version: latest

NEET64 avatar Apr 29 '24 14:04 NEET64

Can I work on it.

swapyshelke avatar Apr 29 '24 15:04 swapyshelke

The issue has been fixed already, as in the latest pull it's not overflowing.

aryashubhanshu avatar Apr 29 '24 16:04 aryashubhanshu

@aryashubhanshu bro, I dont think so, the issue still persists: see here

hxdy-1 avatar Apr 29 '24 18:04 hxdy-1

I myself tried working on the issue, but when I pulled it was already resolved. The change is currently not showing on production, but eventually it will appear.

aryashubhanshu avatar Apr 29 '24 18:04 aryashubhanshu

@aryashubhanshu my bad sir, just tried it on my local machine, issue has been fixed!

hxdy-1 avatar Apr 29 '24 19:04 hxdy-1

@hkirat @devsargam please close the issues which have been fixed, such as this one

shantanuSakpal avatar Jul 08 '24 04:07 shantanuSakpal