There was a problem with the "Copy Me" buttons in mobile devices, I tried to adjust the padding and line height for the same. Further, there was a problem in the "left_code and right_code boxes" in mobile devices for which I adjusted their width.
I'm attaching the video for changes demo.
I have adjusted the padding and line height for btn class, to make it mobile friendly, also I have adjusted the width of left_code and right_code boxes which were not looking good in small devices.
Testing Steps
I tried to code through the inspect window first, checked the effectiveness for all screens, after that I forked the code and checked on my system to test it thoroughly. After complete testing I'm contributing.
The Problem/Feature
There was a problem with the "Copy Me" buttons in mobile devices, I tried to adjust the padding and line height for the same. Further, there was a problem in the "left_code and right_code boxes" in mobile devices for which I adjusted their width. I'm attaching the video for changes demo.
https://user-images.githubusercontent.com/66838142/194258194-55d6ed8f-dbf4-4427-9ee8-82f50aac927f.mp4
Implementation details
I have adjusted the padding and line height for btn class, to make it mobile friendly, also I have adjusted the width of left_code and right_code boxes which were not looking good in small devices.
Testing Steps
I tried to code through the inspect window first, checked the effectiveness for all screens, after that I forked the code and checked on my system to test it thoroughly. After complete testing I'm contributing.
Checklist: