Angular flex layout 网格列跨距在断点更改时不更新

我在大于sm的断点上设置了一个列跨度。它工作得很好，但是如果我减少到sm并再次备份到md，跨度就会丢失

第一节
第二节
第三部分

还是我用错了

    <div class="content" gdAlignRows gdColumns="1fr" gdColumns.gt-sm="1fr 1fr">
        <div class="sec1" gdColumn.gt-sm="span 2">
            first-section
        </div>
        <div class="sec2">
            second-section
        </div>
        <div class="sec3">
            third-section
        </div>
    </div>