flex grid
58 views
Skip to first unread message
marjo...@gmail.com
Jan 3, 2016, 4:40:18 AM1/3/16
to Polymer
Hi, i am trying to make full screen 9x9 grid. Flex layout takes all space in horizontal, but not in vertical, my code is:
<body fullbleed layout vertical> <div class="horizontal layout flex"> <div class="flex">content</div> <div class="flex">content</div> <div class="flex">content</div> </div> <div class="horizontal layout flex "> <div class="flex">content</div> <div class="flex">content</div> <div class="flex">content</div> </div> <div class="horizontal layout flex"> <div class="flex">content</div> <div class="flex">content</div> <div class="flex">content</div> </div></body>
Steve Orvell
Jan 4, 2016, 1:00:26 PM1/4/16
to marjo...@gmail.com, Polymer
Try this:
<body class="fullbleed layout vertical">
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/41da9513-64bf-4c2b-ae88-62c7a88a2318%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
marjo...@gmail.com
Jan 6, 2016, 12:46:07 PM1/6/16
to Polymer, marjo...@gmail.com
Hi i have solution:
<style>
html,body,fullheight{
height: 100%;
}
</style>
<body fullbleed> <div class="fullheight layout vertical"> <div class="horizontal layout flex"> <div class="flex">content</div> <div class="flex">content</div> <div class="flex">content</div> </div> <div class="horizontal layout flex "> <div class="flex">content</div> <div class="flex">content</div> <div class="flex">content</div> </div> <div class="horizontal layout flex"> <div class="flex">content</div> <div class="flex">content</div> <div class="flex">content</div> </div> </div></body>Reply all
Reply to author
Forward
0 new messages