← All elements
<input type="checkbox" id="ex"><div class="xc"><label for="ex">What is grid-template-rows?<i>＋</i></label><div class="bd"><p>Animating the row track from 0fr to 1fr lets the content grow to its real height.</p></div></div>About this accordion
Expanding Card With Grid Rows is a pure CSS accordion made with HTML and CSS only, by @admin. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.