❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Desired behavior

The rich text editor should provide a smooth and accessible experience on touch-enabled devices (e.g. tablets and smartphones) and respond gracefully to different screen sizes and orientations. This includes:

• A fully responsive layout that adapts to smaller viewports without overflow or clipping.
• A toolbar that remains usable on mobile screens (either through wrapping, collapsing, or overflow scrolling).
• Modals (e.g. link insertion, image upload, formula editor) that are scrollable and fully visible without blocking critical buttons like "Insert".

All should follow the planned Figma design

Current behavior

• Component is available for isolated development at http://localhost:8080/editor-dev#/
• All the buttons in the toolbar are fully functioning
• Content can be loaded to & from Markdown == backward compatibility is maintained
• The design is not responsive by any means

Value add

This is a must have, Improving responsiveness and touch support will make the editor more usable in real-world learning environments