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开发者网络