Skip to content

Instantly share code, notes, and snippets.

@stefthoen
Last active March 2, 2017 12:53
Show Gist options
  • Save stefthoen/2fc70c6bb6554d33d6845fa91200a35b to your computer and use it in GitHub Desktop.
Save stefthoen/2fc70c6bb6554d33d6845fa91200a35b to your computer and use it in GitHub Desktop.
Lost Grid can't deal with columns of different sizes.
<!-- Problem is that the first div with the .half class will float to the right. Is there
some way that I can make sure that the div with the .full class will take up the whole
row and the first div with the .half class will float left? -->
<style>
.container {
lost-utility: clearfix;
}
.full {
lost-column: 1;
}
.half {
lost-column: 1/2;
}
</style>
<div class="container">
<div class="full"></div>
<div class="half"></div>
<div class="half"></div>
<div class="half"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment