Percentage based layout - basic

Test image.This page is a demo for various layout tests to demonstrate how various CSS units affect browser zooms.

Some text which shrinks at smaller window sizes.

This page's code

This variation has a very basic percentage approach, applying max-width on the main container:

.wrapper {
	max-width: 1000px;
}

Panels of content

Sub section

Test image

Short paragraph of text to have some wrapping content under the image.

Sub section

Test image

Short paragraph of text to have some wrapping content under the image.

Sub section

Test image

Short paragraph of text to have some wrapping content under the image.

Gallery of images

Content

Data Table of content

Rank Tally Fleet Sail No Name Age R1 R2 R3 R4 R5 R6 Total Nett
1st 1 Pro 82 Kevin Dinsmore M (2.0) 0.7 2.0 (3.0) 2.0 2.0 11.7 6.7
2nd 3 Pro 659 James Greenslade - (9.0) (8.0) 5.0 0.7 0.7 0.7 24.1 7.1
3rd 6 Pro 427 Leigh Pettifer - 0.7 3.0 0.7 (9.0) (4.0) 3.0 20.4 7.4
4th 4 Pro 67 Simon Kingaby M 3.0 2.0 (7.0) 2.0 3.0 (4.0) 21.0 10.0