840 B
840 B
| title | localeTitle |
|---|---|
| Create Flexible Layouts Using auto-fill | 使用自动填充创建灵活布局 |
使用自动填充创建灵活布局
此挑战将通过向_重复_功能添加自动填充值来阐述先前的挑战。这将导致div的数量根据视口的大小而不是先前指定的列值进行扩展。在下面的Before部分中，指定了grid-template-column值“3”。
请记住，以下代码段仅是示例，而不是freeCodeCamp课程的确切挑战。
之前
grid-template-columns: repeat(3, minmax(50px, 2fr));
后
grid-template-columns: repeat(auto-fill, minmax(50px, 2fr));
资源
您可以参考下一页的语法部分来查看自动填充值： Mozilla开发者网络