【文件属性】:
文件名称:Pod-request-access-landing-page:www.frontendmentor.io挑战的解决方案
文件大小:304KB
文件格式:ZIP
更新时间:2021-04-16 12:54:22
CSS
前端向导-Pod请求访问登录页面解决方案
这是的解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。
目录
概述
挑战
用户应该能够:
根据设备的屏幕尺寸查看最佳布局
请参阅悬停状态以获取交互元素
提交表单时,如果出现以下情况,则会收到错误消息:
Email address字段为空,应显示“糟糕!请添加您的电子邮件”
电子邮件格式不正确,应显示“糟糕!请检查您的电子邮件”
截屏
链接
解决方案URL:( https://github.com/Tielinen/Pod-request-access-landing-page )
实时网站网址:( https://tielinen.github.io/Pod-request-access-landing-page/ )
我的过程
内置
HTML5标记
CSS自定义属性
弹性盒
移动优先的工作流程
香草JavaSc
【文件预览】:
Pod-request-access-landing-page-main
----preview.jpg(171KB)
----assets()
--------pocket-casts.svg(4KB)
--------tablet-image-host.jpg(45KB)
--------spotify.svg(4KB)
--------bg-pattern-dots.svg(1KB)
--------mobile-image-host.jpg(36KB)
--------favicon-32x32.png(1KB)
--------logo.svg(3KB)
--------google-podcasts.svg(7KB)
--------apple-podcast.svg(5KB)
--------desktop-image-host.jpg(54KB)
----index.html(1KB)
----styles.css(4KB)
----.gitignore(547B)
----README.md(2KB)
----.gitattributes(66B)
----script.js(1KB)