引導收起兩個directons

Question

以下問題打開：

我試圖重建與div元素的表，所以我可以用Metafizzy同位素過濾它們。到現在爲止還挺好。每行都有一個按鈕，可以打開/關閉附帶的手風琴/摺疊。崩潰應該從上到下滑動，所以它有兩行，所以它有兩個li元素。但爲了保持排序，我不得不把我的崩潰填入我的第一個li元素。這就是當崩潰開始推動上面的div元素，直到沒有剩餘空間，然後下降，直到它完全打開。

https://codepen.io/paulhaem/pen/ZJELJr

感謝如何解決這個任何建議！

Answer 1

當前，您目前使用min-height: 60px; align-items: center;將行中的內容居中。但是，如果展開摺疊元素，則內容的高度會增加超過60px，因此您的摺疊元素也會增加。使用您當前的標記和樣式，您可以通過向grid-item__line提供padding-top和padding-bottom來解決問題。就像

li.grid-item__line { 
    padding-top: 15px; 
    padding-bototm: 14px; 
    ... 
}