###Lets make Lemonade Currently building the real documentation website for Lemonade, If you've got any finished results of using Lemonade or you've got any kind words to say - get in touch
Lemonade is a realllly simple and flexible grid system, all you need is the knowledge of CSS and basic math to use this.
Check out the live view: here
###Lets get started Firstly, you'll want to link the stylesheets to your html file
<link rel="stylesheet" type="text/css" href="css/lemonade.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
###Let me run you through these sheets:
- lemonade.css is the main grid
- styles.css is your styles on top of your grid
###Structure Once you have your stylesheets linked, you'll want to start structuring your .html file — lets go...
<div class="frame">
<div class="bit-2">Content here</div>
<div class="bit-2">Content here</div>
</div>
###It's that easy. So, in order to get the best results, you'll need to wrap each .bit- in a .frame class
.bit-2 is set 50% and will scale to 100% on mobile and tablet (Perfect for galleries)
If you have any questions or you're struggling with it, get in touch: