sublimeye / markup-mastering Goto Github PK

• gulp
• readme
• base folders structure

Create additional branch and develop a:

1. Two columns with equal height (fixed width)
2. Two columns with equal height (fluid width)
3. Four columns with equal height

For the first and second task you must refer to this article:
http://chikuyonok.ru/2009/06/float-columns/

Please, develop several possible ways on the same page (e.g. one with float, another with display: table, etc). You should try as much as possible different ways to implement this.

Create several Two Columns layouts

• Left-Fixed; Right-Fluid
• Left-Fluid; Right-Fixed
• Left-Unknown; Right-Fluid
• Left-Fluid; Right-Unknown
• Two columns in one container centered horizontally on the screen with fixed width (800px)
• Two columns in one container centered horizontally on the screen with fluid width (75%)

Create several Two Columns layouts

• Left-Fixed; Right-Fluid
• Left-Fluid; Right-Fixed
• Left-Unknown; Right-Fluid
• Left-Fluid; Right-Unknown
• Two columns in one container centered horizontally on the screen with fixed width (800px)
• Two columns in one container centered horizontally on the screen with fluid width (75%)