sample layout

[ad_1]
* { box-sizing:border-box; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .container { padding: 64px; } .row:after { content: ""; display: table; clear: both } .column-66 { float: left; width: 66.66666%; padding: 20px; } .column-33 { float: left; width: 33.33333%; padding: 20px; } .large-font { font-size: 48px; } .xlarge-font { font-size: 64px } .button { border: none; color: white; padding: 14px 28px; font-size: 16px; cursor: pointer; background-color: #4CAF50; } img { display: block; height: auto; max-width: 100%; } @media screen and (max-width: 1000px) { .column-66, .column-33 { width: 100%; text-align: center; } img { margin: auto; } }

Responsive Zig Zag Layout Example

Resize the browser window to see the effect.

The App

Why buy it?

Take photos like a pro. You should buy this app because lorem ipsum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Clarity

Pixels, who?

A revolution in resolution. Sharp and clear photos with the world's best photo engine, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquipex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

The App

Why buy it?

Take photos like a pro. You should buy this app because lorem ipsum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Source link
[ad_2]

source https://earn8online.com/index.php/312710/sample-layout/