聚合物铁列表网格未在霓虹动画页面中调整大小

Question

我<iron-list> grid模式封装了<neon-animated-pages>，并且不知何故，霓虹灯页面破坏了它适应屏幕尺寸和重新排列项目的能力。我尝试将霓虹页的位置改为亲戚等等。什么都没有帮助。提前致谢。 这是代码

<app-location route="{{route}}"></app-location>
    <app-route
               route="{{route}}"
               pattern="/games/:subject"
               data="{{router}}"
               tail="{{subroute}}">
    </app-route>
    <neon-animated-pages selected="0" id="pages">   
        <games-subjects-module item="{{item}}"></games-subjects-module>
        <games-subject-module item="{{item}}"></games-subject-module>
    </neon-animated-pages>

这里是<games-subjects-module>我的iron-list

<template>
    <style is="custom-style">
        paper-card{
            width: 200px;
            height: 300px;
            margin: 20px;
            --paper-card-header-image:{
                height: 250px;
            }
        }
    </style>
    <iron-list id="list" items="{{subjects}}" as="subject" selection-enabled selected-item="{{item}}" grid> 
        <template>
            <div>
                <a href="/games/{{subject.val.name}}">
                    <paper-card elevation="1">
                        <div class="card-content">
                            {{subject.val.name}}
                        </div>
                    </paper-card>
                </a>
            </div>
        </template>
    </iron-list>
</template>