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

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.

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?

Our Products

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.

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.

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 pp681658_n689855_n690240
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

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

KEY FEATURES

INCLUDED

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.

My Image

Anatidae paleo gastropro authentic flexitarian fixie tote bag, scenester Chordate sweater irony locavore. Gentrify Aves Ayelsbury craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard mallards fap Terry Richardson XOXO. Sartorial vinyl passion, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Eider trust fund, grummage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, paddles ennui narwhal Tumblr platyrhynchos Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird up it.

My Image

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

My Image

Anatidae paleo gastropro authentic flexitarian fixie tote bag, scenester Chordate sweater irony locavore. Gentrify Aves Ayelsbury craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard mallards fap Terry Richardson XOXO. Sartorial vinyl passion, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Eider trust fund, grummage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, paddles ennui narwhal Tumblr platyrhynchos Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird up it.

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

  • Foundation Projects ready to go

  • Fully documented and complete with multiple images

WEBdeerSIGN image

PROJECTNo1

Add a strap line or message here

A Copyright or any other message here