文件名称:single-price-grid-component-grid
文件大小:164KB
文件格式:ZIP
更新时间:2024-04-29 09:56:55
SCSS
目录 概述 这是Frontend Mentor上该问题的另一种解决方案。 我的其他解决方案: 挑战 您的用户应该能够: 根据组件的设备屏幕尺寸查看组件的最佳布局 查看桌面上的悬停状态以获取注册号召性用语 截屏 链接 解决方案URL: 实时站点URL:实时演示 我的过程 从HTML开始,然后走了桌面优先的道路。 之后,开始修改内容以解决问题。 当它在移动屏幕查询中时,这次我只是更改字体大小。 看起来效果很好。 内置 HTML5 萨斯 CSS网格 作者 网站-我的Github 前端导师- @CaptKraken 致谢 我还要再次感谢Grace Snow :folded_hands: 她建议我再做一个,但是要使用CSS Grid。
【文件预览】:
single-price-grid-component-grid-main
----README.md(2KB)
----design()
--------mobile-design.jpg(32KB)
--------desktop-preview.jpg(35KB)
--------desktop-design.jpg(39KB)
----screenshot.png(77KB)
----style-guide.md(428B)
----images()
--------favicon-32x32.png(1KB)
----index.html(3KB)
----style()
--------main.scss(3KB)
--------main.css(3KB)
--------main.css.map(2KB)