WEBdeerSIGN image

    PROJECTNo1Project1 Version2

    WEBdeerSIGN image

    SPEED

    This layout is a complex layout that collapses from 2, 3 or 4 columns down to a series of 2 column layouts that stay as 2 column layouts right down to mobile sizes. Moving from Desktop down, the normal Foundation convention is to collapse or reduce multiple column layouts to single columns, all stacked on top of each other.

    WEBdeerSIGN image

    CREATIVE

    This works fine on small mobile screens where the sweet spot of a single column works and looks OK. However, when the columns collapse to 1 column from 4 or 3 columns (and also 2 to some degree), a single column display is now pretty wide and looks less than ideal. Also this type of column collapse uses up a lot of screen height.

    WEBdeerSIGN image

    TESTED

    So the solution created here, is to control any further collapse beyond 2 columns. The advantages are that it looks much better on mid sized devices and takes up less vertical space. The whole layout here can also be controlled, by adjusting the screen width trigger to adjust for different amounts of content.

    WEBdeerSIGN image

    COMPLIANT

    This layout is a complex layout that collapses from 2, 3 or 4 columns down to a series of 2 column layouts that stay as 2 column layouts right down to mobile sizes. Moving from Desktop down, the normal Foundation convention is to collapse or reduce multiple column layouts to single columns, all stacked on top of each other.

    WEBdeerSIGN image

    SPEED

    This layout is a complex layout that collapses from 2, 3 or 4 columns down to a series of 2 column layouts that stay as 2 column layouts right down to mobile sizes. Moving from Desktop down, the normal Foundation convention is to collapse or reduce multiple column layouts to single columns, all stacked on top of each other.

    CREATIVE

    This works fine on small mobile screens where the sweet spot of a single column works and looks OK. However, when the columns collapse to 1 column from 4 or 3 columns (and also 2 to some degree), a single column display is now pretty wide and looks less than ideal. Also this type of column collapse uses up a lot of screen height.

    WEBdeerSIGN image
    WEBdeerSIGN image

    TESTED

    So the solution created here, is to control any further collapse beyond 2 columns. The advantages are that it looks much better on mid sized devices and takes up less vertical space. The whole layout here can also be controlled, by adjusting the screen width trigger to adjust for different amounts of content.

    COMPLIANT

    This layout is a complex layout that collapses from 2, 3 or 4 columns down to a series of 2 column layouts that stay as 2 column layouts right down to mobile sizes. Moving from Desktop down, the normal Foundation convention is to collapse or reduce multiple column layouts to single columns, all stacked on top of each other.

    WEBdeerSIGN image
    My Image
    • 32.99%

      APR

      Conditions: Time am recteque ne pri, no eam debet labores epicurei. Ad nam malorum dolores maiestatis, ex eam sonet labores insolens.

    • CMS

      Text edit

      Product 1

    • ANY TEXT

      Anatidae paleo gastropro authentic flexitarian fixie tote bag, scenester Chordate sweater irony locavore. Put a bird up it.

    • Summary

      Thing 1 has feature set A,B, C, X, Y & Z.

      Thing 2 has A,B but no C.

      Thing 3 has everything

      Thing 4 has nothing but is free.

    Stacks Image pp681251_n688621_n689806
    My Image
    • 32.99%

      APR

      Conditions: Time am recteque ne pri, no eam debet labores epicurei. Ad nam malorum dolores maiestatis, ex eam sonet labores insolens.

    • CMS

      Text edit

      Product 1

    • ANY TEXT

      Anatidae paleo gastropro authentic flexitarian fixie tote bag, scenester Chordate sweater irony locavore. Put a bird up it.

    • Summary

      Thing 1 has feature set A,B, C, X, Y & Z.

      Thing 2 has A,B but no C.

      Thing 4 has nothing but is free.

      Thing 3 has everything

    Our Services

    Additional description to add to title above

    Service 1NEW

    View details and oporteat accusata mnesarchum eam, per sumo copiosae ea, hinc legendos intellegam at vel.

    Service 2UPDATED

    View details and oporteat accusata mnesarchum eam, per sumo copiosae ea, hinc legendos intellegam at vel.

    Service 3

    View details and oporteat accusata mnesarchum eam, per sumo copiosae ea, hinc legendos intellegam at vel.

    Service 4NOW INCLUDED

    View details and oporteat accusata mnesarchum eam, per sumo copiosae ea, hinc legendos intellegam at vel.

    WANT TO FIND OUT MORE?

    Equalised Column 1

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

    £1000

    Available soon

    Equalised Column 2

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis

    £2000

    My Image

    32.99%

    APR

    Conditions: Time am recteque ne pri, no eam debet labores epicurei. Ad nam malorum dolores maiestatis, ex eam sonet labores insolens.

    Stacks Image pp682363_n692286_n692468
    My Image

    32.99%

    APR

    Conditions: Time am recteque ne pri, no eam debet labores epicurei. Ad nam malorum dolores maiestatis, ex eam sonet labores insolens.

    Our Services

    Additional description Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

    BUY NOW ON APP STORE

    • Let Webdeersign do the heavy lifting, so you don't have to

    • Foundation Projects ready to go

    • Fully documented and complete with multiple images

    PROJECTNo1

    Head Office
    100 Main Rd
    London
    LN12 3AB

    01234 567890