Creating mobile friendly themes will help the gallery switch seamlessly between different devices, landscape and portrait mode, and other device screen sizes. Responsive web design is a very powerful technique to style websites for various screen sizes. It allows you to provide CSS rules that are only applied when certain media queries match. Use this recipe to modify settings for Galleria to utilize responsive web techniques.
Before we start working on the code, we'll need to copy the basic gallery example code from the previous example and rename the folder and files to be prefixed with
mobile. After this is done, our folder and file structure should look like the following screenshot: