文件名称：single-price-grid-component:前端导师挑战-单一价格网格组件
文件大小：392KB
文件格式：ZIP
更新时间：2024-04-22 03:36:10
SCSS
前端导师-单一价格网格组件解决方案 这是的解决方案。 前端导师挑战可帮助您构建现实的项目，从而提高您的编码技能。 目录 概述 挑战 用户应该能够： 根据组件的设备屏幕尺寸查看组件的最佳布局 查看桌面上的悬停状态以获取注册号召性用语 截屏 链接 解决方案URL： 实时站点URL： 我的过程 内置 语义HTML5标记 SCSS变量和混合 弹性盒 CSS网格 移动优先的工作流程 -JS库 -React框架 我学到的是 我进一步了解并利用了CSS Grid。 我通常使用flex box，但在需要时希望将CSS Grid更多地并入。 我想挑战自己，不要在Bootstrap和其他CSS框架网格系统上进行过多中继。 持续发展 我现在对CSS Grid仍然不满意，但是我将更经常使用它来代替引导网格。 有用的资源 -有几个示例，并有关于CSS网格的免费课程。 作者 网站- 前端导师-
【文件预览】：
single-price-grid-component-main
----next.config.js(59B)
----package.json(381B)
----package-lock.json(192KB)
----singlepriceMobile.png(126KB)
----pages()
--------Home.module.scss(129B)
--------_app.tsx(173B)
--------index.tsx(329B)
--------_document.tsx(442B)
----tsconfig.json(533B)
----next-env.d.ts(75B)
----.gitignore(386B)
----components()
--------_layout()
--------single-price-grid()
--------_ui()
----styles()
--------_breakpoints.scss(37B)
--------_fonts.scss(548B)
--------_shadow.scss(69B)
--------globals.scss(62B)
--------index.scss(62B)
--------_colors.scss(130B)
--------_reset.scss(1002B)
----public()
--------vercel.svg(1KB)
--------favicon.ico(15KB)
----README.md(2KB)
----singleprice.png(263KB)