Responsive-Design:克隆“下一个网站”主页以练习响应式设计

时间:2024-06-19 00:42:40
【文件属性】:

文件名称:Responsive-Design:克隆“下一个网站”主页以练习响应式设计

文件大小:5.28MB

文件格式:ZIP

更新时间:2024-06-19 00:42:40

flexbox css-grid html-css responsive-web-design HTML

响应式设计 - 下一个 Web 作者:拉里萨·格雷森日期: 2020 年 9 月 25 日 描述:此作业来自The Odin 项目:Full Stack Ruby on Rails Web 开发。 目标:该项目的目的是为 PC、平板电脑和智能手机构建一个响应式网站。 该项目重新创建了的主页。 它使用 CSS Grid 和 Flexbox 的组合进行布局,并遵循 The Next Web 的断点:平板电脑为 1024 像素,智能手机为 728 像素。 可以在查看页面的实时演示。 技能展示: CSS 网格 CSS 弹性盒 绝对、相对和固定定位 背景图片 线性渐变叠加 带有@media 查询的响应式布局 排版


网友评论