文件名称：Social-Proof-Section:前端导师。 社会证明科。 （HTML + CSS）
文件大小：331KB
文件格式：ZIP
更新时间：2024-04-02 03:20:00
HTML
前端导师-社会证明部分解决方案 这是“的解决方案。 前端导师挑战可帮助您构建现实的项目，从而提高您的编码技能。 目录 概述 挑战 用户应该能够： 根据设备的屏幕尺寸查看该部分的最佳布局 截屏 链接 解决方案URL：[ ] 实时网站网址：[ ] 我的过程 内置 语义HTML5标记 CSS自定义属性 弹性盒 CSS网格 移动优先的工作流程 我学到的是 我了解了如何将孩子元素放置在父母中。 我创建了一个带有模板的网格，该模板的上一行有2列，而底行只有1列。 第一个单元格是带有描述段落的主要标题，并且它们没有特定的位置。 第二个单元格显示所有评级，这些评级与flexbox一起沿列方向排序，然后使用子级n值对其进行对齐。 使用这种策略，我可以将每个元素定位在不同的位置，一个在开始位置，一个在中间，最后一个在结束。 对于客户评论部分，我同时使用了第1列和第2列，并使用与以前相同的策略来定位每个
【文件预览】：
Social-Proof-Section-master
----index.html(5KB)
----images()
--------bg-pattern-top-desktop.svg(585B)
--------bg-pattern-bottom-desktop.svg(590B)
--------image-colton.jpg(2KB)
--------screenshot.jpg(178KB)
--------favicon-32x32.png(1KB)
--------bg-pattern-top-mobile.svg(579B)
--------image-anne.jpg(3KB)
--------image-irene.jpg(3KB)
--------bg-pattern-bottom-mobile.svg(587B)
--------icon-star.svg(371B)
----design()
--------mobile-design.jpg(74KB)
--------desktop-design.jpg(81KB)
--------desktop-preview.jpg(47KB)
----README.md(3KB)
----style-guide.md(483B)
----.gitignore(522B)
----style.css(3KB)