You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When viewing the examples page on a mobile device, it's apparent that the 50/50 columns are not working for that narrow display. See the example screenshot below:
The examples page is readable with responsive columns on mobile browsers without breaking the experience for fullsize browsers
Approach
Using Bootstrap's classes, try changing <div class="col-6">...</div><div class="col-6">...</div> to something like <div class="col-md-6">...</div><div class="col-md-6">...</div>
Background
When viewing the examples page on a mobile device, it's apparent that the 50/50 columns are not working for that narrow display. See the example screenshot below:
Steps to Reproduce
View https://demo.kcarlile.com/guitar-diagrams-js/ on a phone's browser or in a browser with the width set to a mobile size.
Acceptance Criteria
Approach
<div class="col-6">...</div><div class="col-6">...</div>
to something like<div class="col-md-6">...</div><div class="col-md-6">...</div>
Notes
The text was updated successfully, but these errors were encountered: