diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2016-07-20 15:28:32 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2016-07-20 15:28:32 -0400 |
| commit | ae61921c2afe13fe75f63e9b4d3acde91f372ab7 (patch) | |
| tree | 3216d09e56cfa550856b06eed491d38a26f6816d /www/css | |
| parent | ca5ec6140a23f9d506685541241b9de90df3efe6 (diff) | |
#286 - did I finally resolve it ? Almost ?
Former-commit-id: 1737966892f9f741a0b1827440a0e7cb2ea3e84f
Diffstat (limited to 'www/css')
| -rw-r--r-- | www/css/style.css | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/www/css/style.css b/www/css/style.css index 9299d518..1e6627b4 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -93,6 +93,9 @@ ion-popover-view.fit ion-content { } + + + /* I am using flexboxes to dynamicall adapt content in montage view. Credit: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ @@ -850,6 +853,7 @@ body { font-family: sans-serif; } border:4px solid #e74c3c; } + .grid-sizer {width:10%; } .grid-item { width: 20%; } .grid-item-10 {width: 10%; } @@ -862,7 +866,11 @@ body { font-family: sans-serif; } .grid-item-80 { width: 80%; } .grid-item-90 {width: 90%; } .grid-item-100 {width:100%; } -. + + + + + /* clear fix */ .grid:after { content: ''; @@ -873,7 +881,8 @@ body { font-family: sans-serif; } .grid-item img { display: block; - max-width: 100%; + width: 100%; + height:auto; } /* ---- .grid-item ---- */ |
