文件名称：3-column-masonry-layout
文件大小：15KB
文件格式：ZIP
更新时间：2024-05-19 09:58:57
HTML
3列砌体布局 Frontend Mentor-3列预览卡组件解决方案 这是一种解决方案。 前端导师挑战可帮助您通过构建现实的项目来提高您的编码技能。 目录 概述 挑战 该项目要求我在Frontend Mentor上重新创建“推荐”网格部分的挑战。 我创建的最终项目可以在移动设备和大屏幕上浏览。 链接 解决方案URL：解决方案（ https://www.frontendmentor.io/solutions/3columnmasonrylayout-K1ccJ4YJ5 ） 实时站点URL：3-column-masonry-layout（ https://3-column-masonry-layout.vercel.app/ ） 我的过程 内置 语义HTML5标记 CSS / CSS自定义属性 CSS网格 移动优先的工作流程 我学到的是 我主要与Grid合作设计和安排布局。 移动版本是
【文件预览】：
3-column-masonry-layout-main
----images()
--------image-kira.jpg(2KB)
--------favicon-32x32.png(1KB)
--------image-daniel.jpg(2KB)
--------image-patrick.jpg(2KB)
--------image-jeanette.jpg(1KB)
--------bg-pattern-quotation.svg(604B)
--------image-jonathan.jpg(1KB)
----index.html(6KB)
----masonry.css(3KB)
----README.md(2KB)