Proposal for component name change (semantical improvements)

[Evanion]

I was pleasantly surprised to see that your grid system was not following the same old table inspired structure that most UIKits does.

But I would make a semantical change in your grid system to reinforce this, and avoid developers implementing it in a wrong way.

Rename <Row /> to <Grid />
I would also add the ability to set a default value for the Columns in the wrapping <Grid /> component.
Here is an example of the change:

<Grid xs="1/1" sm="1/2" md="1/3" lg="1/4">
	<Col>
		<DemoBox>Box 1</DemoBox>
	</Col>
	<Col md="2/3">
		<DemoBox>Box 2</DemoBox>
	</Col>
	<Col lg="1/2">
		<DemoBox>Box 3</DemoBox>
	</Col>
	<Col lg="1/2">
		<DemoBox>Box 4</DemoBox>
	</Col>
	<Col>
		<DemoBox>Box 5</DemoBox>
	</Col>
</Grid>

[jossmac]

Sounds good @Evanion

How do you propose the <Col /> inherit its size; via context or cloneElement?

Would love a PR for this 🙂