Skip to content

[Fix]: Lack of Responsiveness in Edit Tutorial Section  #1183

@shikhar-4739

Description

@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

Codelabz.and.1.more.page.-.Personal.-.Microsoft_.Edge.2024-02-12.15-49-06.mp4

Desktop (please complete the following information):

  • OS: Windows
  • Browser: Microsoft Edge

Additional context

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions