• Responsive Design

    Experiment with the responsive design

    Responsive design allows your learning environment to work well on whatever device, computer, tablet, or mobile phone, your learners are using to access the site.

    Resize your browser or view on a tablet or mobile device to see the responsiveness with Accordion:

    Larger Screens

    On larger screens, the accordion sections span the width of the content area.

    Smaller Screens

    On smaller screens, the accordion adjusts to the size of the content area which may result in scrollbars in sections with longer text.

    Many Sections

    Accordion can be effectively used for displaying many sections of content.

    Remote Learner recommends paying special attention to the scrolling on the page. If a user would need to scroll down the page to see sections of the accordion, it may be better to split the information into multiple pages.