The css Grid module is a great tool for creating websites. It allows you to quickly experiment with layouts. Better than any layout system you've tried My grid to create First, I'll explain the HTML and CSS we need, which I've broken down into four parts. Once you understand that, we'll move on to experimenting with layouts. If you are relatively new to CSS Grid, the article The Complete Guide to CSS Grid Layout Illustrated Grid terminology may help speed up understanding the flexibility of this article. 1. HTML structure <div class="container"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</ div> </div>
Gird 网格属性目录 dispaly grid-template-columns grid-template-rows grid-template-areas grid-template grid-column-gap grid-row-gap grid-gap justify-items