Last active
March 2, 2017 12:53
-
-
Save stefthoen/2fc70c6bb6554d33d6845fa91200a35b to your computer and use it in GitHub Desktop.
Lost Grid can't deal with columns of different sizes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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