Responsive Web Page Layouts

Spending hours manually designing your pages for the responsive web? Layout your pages in minutes for beautifully responsive pages on desktops, tablets and smartphones.

How to build a responsive page

  • 1. Layout your page

    Add divs to separate the different sections of your page. Add, remove, rename and nest divs with a click of a button until you're happy with the layout.

  • 2. Set views per device

    Resize each div according to how you want it to appear on each device. Target common devices from wide screens to tablets, smartphones and even specific iPad and iPhone models.

  • 3. Download your site skeleton

    Now that you're done, download your site layout and supporting css files that use media queries to arrange your pages according to the device they're viewed on.

See it in action