1
2 3
4 5
6 7
8 9
10 11 12

CSS

13
.col-left {
14
    width: 48%;
15
    float: left;
16
}
17
 
18
.col-right {
19
    width: 48%;
20
    float: right;
21
}
22
 
23
.clear {
24
    clear: both;
25
}
26
27 28

Responsive CSS

29
@media screen and (max-width : 767px) {
30
    .col-left, .col-right {
31
        width: 100%;
32
        float: none;
33
    }
34
 
35
    .col-left {
36
        padding-bottom: 30px;
37
    }
38
}
39
40 41 42
43

2/3 + 1/3

44

Two Column Layout with 2/3 + 1/3 layout

45 46

HTML

47
48 49
50 51
52 53
54 55