WEBdeerSIGN image

    PROJECTNo1

    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

    PLUG+PLAY

    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

    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

    PLUG 'N' PLAY

    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.

    WANT TO FIND OUT MORE?

    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 p857853_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.

    CONTACT NOW FOR A QUOTATION

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

    • Foundation Projects ready to go

    • Fully documented and complete with multiple images

    Head Office
    100 Main Rd
    London
    LN12 3AB

    01234 567890

    A Copyright or any other message here