[Fix]: Lack of Responsiveness in Edit Tutorial Section

[shikhar-4739]

Describe the bug The "Edit Tutorial" section of the project is experiencing a deficiency in responsiveness, particularly concerning how its content adapts to varying screen size. When viewed on devices with smaller screen, the content within the section fails to adjust appropriately. This lack of responsiveness leads to several usability issues, including text overflow, cramped or inaccessible interactive elements, and overall difficulty in navigating and editing tutorials on smaller devices.

To Reproduce Steps to reproduce the behavior:

1. Create a new tutorial
2. Gradually decrease the viewport width to simulate smaller screen sizes.
3. Observe how the content within the section responds to the small in screen size.

Expected behavior The content within the "Edit Tutorial" section should dynamically adjust its layout and styling to accommodate different screen sizes.

Screenshots

https://github.com/scorelab/Codelabz/assets/135845175/7221d023-ef5b-48a8-9b10-59f628866d99

Desktop (please complete the following information):

• OS: Windows
• Browser: Microsoft Edge

Additional context

[github-actions[bot]]

This issue is stale because it has been open for 30 days with no activity.

[github-actions[bot]]

This issue was closed because it has been inactive for 14 days since being marked as stale.