This may cause issue when using a background image to text sections, or specific borders to the area (e.g. brush stroke borders all around this box). The word ratio is highligted to show how position of a word can change quite dramatically when resizing the page, and specific assets tied to the word will be unreliable.
The above example shows the 12 column grid, as the screen gets smaller this will switch to 3 rows of 4 columns and then the columns become full width.
The above example shows two columns that make up a 12 column row, but that can change widths as the screen scales size.
Click the button below to visit a basic form mockup
Enter