O'Reilly logo

Axure RP Prototyping Cookbook by John Henry Krahenbuhl

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Building a responsive gallery grid

As mentioned earlier, Axure RP 7 enables you to create adaptive prototypes through adaptive views. In this recipe, you will start with a desktop view as your Base view and design a responsive gallery grid for each subsequent breakpoint.

How to do it...

Perform the following steps to design a responsive gallery grid:

  1. Start Axure and under Create New select RP File.
  2. In the main menu, click on Project, and then either click on Adaptive Views…, or click on the Manage Adaptive Views icon in the wireframe pane.
    How to do it...
  3. In the Adaptive Views dialog box, click on the green plus sign to add a view. Click on the Presets drop-down menu, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required