After reading this chapter, you should be familiar with the tools and techniques used to create a responsive eLearning project. Remember that the basic idea of a responsive project is to let you optimize the way the project looks on mobile devices. To do so, Captivate creates three breakpoints in the Responsive Projects. These breakpoints are used to define three views.

The Primary view is typically applied to desktop and laptop computers, as well as to tablets when held in landscape. The Tablet view is typically applied to tablets held in portrait. And finally, the Mobile view is applied to the smaller screen of a smartphone.

At runtime, the project is able to automatically decide which view to apply based on the width of the screen it is viewed on.

When creating a Responsive Project, keep in mind that the basic objects and tools are the same as in regular projects. However, there are some differences that make creating a responsive project a bit tricky to develop and test. When adding...