前端导师-推荐网格部分解决方案
这是一种解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。
目录
概述
挑战
用户应该能够:
根据设备的屏幕尺寸查看网站的最佳布局
截屏
链接
解决方案URL:
实时站点URL:
我的过程
内置
语义HTML5标记
BEM表示法
SASS预处理器
响应单位
CSS网格
移动优先的工作流程
我学到的是
我学习了如何使用网格轻松地构建响应式布局。 并且在整体页面布局上,但在较小的组件上也是如此。 就像一个用户块:
& __user {
display : grid;
grid-template-columns : min-content max-content;
grid-column-gap : 1 rem ;
}
另外,我学习了移动优先的工作流程,并亲自发现了这是一种更方便,更高效的代码编写方式,因为这样一
评论0
最新资源