文件名称:css-grid:我CSSGrid.io课程的入门文件和解决方案
文件大小:2.03MB
文件格式:ZIP
更新时间:2024-03-14 20:50:06
HTML
CSS网格视频课程 嘿! 这些是入门文件和完成的解决方案。 在完整课程。 课程常见问题 问:我得到“这是要在npm脚本中运行”。 不知道为什么会这样,但是请尝试使用以下命令: Windows: npm run start:win32 Mac和Linux: start:darwin:linux 很少有人得到此信息,但是如果您了解为什么npm start命令未运行,请与我联系。 问:我正在获取Browsersync无法打开浏览器(如果您在无头环境中使用BrowserSync,则可能需要将open选项设置为false) 这是因为某些版本的Firefox是“ FirefoxDeveloperEdition”,而一些新的下载是“ Firefox Developer Edition”。 如果您在课程之前下载了浏览器,则只需从package.json命令中删除空格,使其显示为“ Firefox
【文件预览】:
css-grid-master
----10 - Placing Grid Items()
--------placing-FINISHED.html(2KB)
--------placing-START.html(2KB)
----25 - Full Bleed Blog Layout()
--------full-bleed-blog-FINISHED.html(7KB)
--------full-bleed-blog-START.html(6KB)
----18 - Re-ordering Grid Items()
--------order-FINISH.html(768B)
--------order-START.html(534B)
----22 - Recreating Codepen()
--------style-START.css(406B)
--------codepen-START.html(3KB)
--------codepen-FINISHED.html(3KB)
--------style-FINISHED.css(2KB)
----04 - CSS Grid Dev Tools()
--------dev-tools-START.html(664B)
--------Line Meanings.png(452KB)
--------dev-tools-FINISHED.html(727B)
----15 - Naming Lines in CSS Grid()
--------naming-lines-FINISHED.html(2KB)
--------naming-lines-START.html(2KB)
----05 - CSS Grid Implicit vs Explicit Tracks()
--------implicit-vs-explicit-FINISHED.html(788B)
--------implicit-vs-explicit-START.html(505B)
----21 - Flexbox vs CSS Grid()
--------axis-flipping-FINISHED.html(1KB)
--------axis-flipping-START.html(876B)
--------flex-on-item-START.html(705B)
--------variable-widths-each-row-FINISHED.html(836B)
--------unknown-content-size-START.html(642B)
--------unknown-number-of-items-START.html(728B)
--------unknown-content-size-FINISHED.html(763B)
--------perfectly-centered-START.html(527B)
--------self-control-START.html(752B)
--------variable-widths-each-row-START.html(772B)
--------stacked-layout-FINISHED.html(680B)
--------unknown-number-of-items-FINISHED.html(842B)
--------controls-on-right-FINISHED.html(2KB)
--------stacked-layout-START.html(594B)
--------controls-on-right-START.html(1KB)
--------self-control-FINISHED.html(904B)
--------perfectly-centered-FINISHED.html(721B)
--------flex-on-item-FINISHED.html(883B)
----09 - Sizing Grid Items()
--------sizing-items-FINISHED.html(2KB)
--------sizing-items-START.html(384B)
----13 - Using minmax() for Responsive Grids()
--------minmax-START.html(666B)
--------minmax-FINISHED.html(750B)
----08 - CSS Grid repeat function()
--------repeat-FINISHED.html(923B)
--------repeat-START.html(846B)
----16 - grid-auto-flow dense Block Fitting()
--------dense-FINISHED.html(3KB)
--------dense-START.html(3KB)
----07 - Sizing tracks in CSS Grid()
--------sizing-tracks-FINISHED.html(970B)
--------sizing-tracks-START.html(847B)
----23 - Bootstrappy Grid with CSS Variables()
--------grid-START.html(521B)
--------grid-FINISHED.html(922B)
----assets()
--------images()
--------style.css(2KB)
----17 - CSS Grid Alignment + Centering()
--------alignment-and-centering-FINISHED.html(1KB)
--------alignment-and-centering-START.html(2KB)
----24 - Responisve Website()
--------responsive-START.html(3KB)
--------responsive-FINISHED.html(3KB)
--------images()
--------responsive-FINISHED.css(3KB)
--------responsive-START.css(127B)
----02 - Starter Files and Tooling Setup()
--------test-START.html(409B)
----12 - auto-fit and auto-fill()
--------auto-fit-and-auto-fill-START.html(1KB)
--------auto-fit-and-auto-fill-FINISHED.html(697B)
----19 - Nesting Grid with Album Layouts()
--------albums-START.html(4KB)
--------albums-FINISHED.html(5KB)
----11 - Spanning and Placing Cardio()
--------get-sweaty-START.html(2KB)
--------get-sweaty-FINISHED.html(2KB)
----06 - CSS grid-auto-flow Explained()
--------autoflow-START.html(454B)
--------autoflow-FINISHED.html(918B)
----20 - CSS Grid Image Gallery()
--------image-gallery-START.html(1KB)
--------images()
--------image-gallery-FINISHED.html(4KB)
----.gitignore(30B)
----14 - Grid Template Areas()
--------areas-FINISHED.html(1KB)
--------area-line-names-START.html(1KB)
--------areas-START.html(742B)
--------area-line-names-FINISHED.html(2KB)
----readme.md(4KB)
----03 - CSS Grid Fundamentals()
--------css-grid-fundamentals-FINISHED.html(774B)
--------css-grid-fundamentals-START.html(265B)
----package-lock.json(66KB)
----package.json(782B)