3 Column Preview Card:前端导师的挑战 源码

Frontend Mentor-3列预览卡组件解决方案 这是的解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。 目录 注意:删除此注释并根据您保留的内容更新目录。 概述 挑战 用户应该能够: 根据设备的屏幕尺寸查看最佳布局 请参阅悬停状态以获取交互元素 截屏 链接 -解决方案。 -实时站点URL 。 我的过程 内置 语义HTML5标记 CSS 弹性盒 我学到的是 首先,我在使用flexbox方面做得更好,我学到了关于flexbox的东西,如果我没有完成这个项目的话我不会学到的东西。即使看起来很明显,我也不知道是否需要设置flexbox容器的高度。 当我第一次尝试使用justify-content进行居中时: 和align-items:center; 居中仅水平应用。 一旦我将高度设置为100vh,居中就会按照我的预期工作。 我也意识到我需要一个检查填