Responsive Web Design

write sentence here

[su_row][su_column size=”1/2″ center=”no” class=””]Column content 1[/su_column]
[su_column size=”1/2″ center=”no” class=””]Column content 2[/su_column][/su_row]

[su_row][su_column size=”1/2″ center=”no” class=””][/su_column] [su_column size=”1/2″ center=”no” class=””]Chania is the capital of the Chania region on the island of Crete. The city can be divided in two parts, the old town and the modern city.[/su_column][/su_row]

Responsive Table

If you have a table that is too wide, you can add a container element with overflow-x:auto around the table, and it will display a horizontal scroll bar when needed.

Resize the browser window to see the effect. Try to remove the div element and see what happens to the table.

First Name Last Name Points Points Points Points Points Points Points Points Points Points
Jill Smith 50 50 50 50 50 50 50 50 50 50
Eve Jackson 94 94 94 94 94 94 94 94 94 94
Adam Johnson 67 67 67 67 67 67 67 67 67 67

///

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

///

Column #1 content

Column #2 content

[one_half]I’m here[/one_half]
[one_half_last]Me too?[/one_half_last]

///

xChania

///

Viewport is the user’s visible area of a web page that varies with the device.

This tag is required:

Chania

The City

Chania is the capital of the Chania region on the island of Crete. The city can be divided in two parts, the old town and the modern city.

Resize the browser window to see how the content respond to the resizing.