Add a collection of beauty fixes

[karolinkas]

Description

Add a collection of style/copy improvements.

Changes 🏗

• Improve EtherBanner paddings / spacing / casing
• Increase size of code image
• Use GridItem for TLDR section

Also closes #127

[ryanchristo]

Nice work! I like that we are reusing the GridItem for the TLDR now. 💪

I'm not entirely sure that we should increase the height of the code snippet image but rather we should make the code easier to read (take a new snapshot with increased font size for the code in the editor).

[ryanchristo]

I think @collinvine's request for this to be larger was more along the lines of the code itself being larger rather than increasing the height. I think we need to take another screenshot. 😬 I told @reneegranillo that it would be ok to cut off the code wherever we need to as long as createColony was included.

@collinvine can you clarify your request?

[ryanchristo]

Maybe one of these might be better?

[collinvine]

That's right, @ryanchristo. People viewing the website should easily be able to read the code.

The included examples are better, but I'd suggest that even they are too small.

[ryanchristo]

Ok. If it gets any bigger, we will cut off the createColony step so we will need to be more specific about what we want to show and whether we want it to show usable code.

[ceolson01]

@ryanchristo The image has been updated to use the larger of the two that you provided.

cc @reneegranillo and @collinvine for approval as well

[ryanchristo]

This looks good to me although @reneegranillo and @collinvine should approve as well. I imagine @reneegranillo might want the screenshot to have the same framing as the dApp screenshot.

Also, I would be happy to update the code snippet that we are showing if anyone wants to weigh in on what we should emphasize. I decided to use the code from colonyJS "Get Started" which seemed like the simplest choice at the time but we can change it if we want to show something specific.

[collinvine]

Good by me.