使用 Tailwind 在线互动学习 Flexbox

发布于 作者:

Learn Flexbox Interactively With Tailwind Online image

Flexbox 表格骑士 是一款有趣、互动且完全免费的浏览器游戏,可帮助您学习和记忆使用 Tailwind CSS 的 Flexbox。

欢迎来到 Flexbox 表格骑士。在这款游戏中,您可以帮助弗雷德里克·弗莱克斯博克斯爵士和他的朋友们发现隐藏在 Tailwind CSS 地牢中的宝藏。

游戏的玩法是使用 Flexbox 和 Tailwind CSS 互动地探索地牢。通过学习如何使用 Tailwind CSS 类,您可以移动骑士并征服地牢。

随着您深入地牢,您将面临不同的挑战,以学习各种 Flexbox 应用。例如,在第二个地牢中,您将使用 justify-center 将骑士与颜色匹配的宝藏对齐。

立即体验,轻松地在您的项目中开始使用 Flexbox 和 Tailwind,访问 knightsoftheflexboxtable.com

Paul Redmond photo

Laravel News 的撰稿人。全栈 Web 开发人员和作家。

归档于
Cube

Laravel 时事通讯

加入 40,000 多名其他开发者,绝不错过新的技巧、教程等内容。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在数秒内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动完成和对本地和生产环境的即时反馈进行调试。

Tinkerwell
No Compromises logo

无妥协

Joel 和 Aaron,两位来自“无妥协”播客的经验丰富的开发者,现在可以为您的 Laravel 项目提供服务。 ⬧ 固定价格 $7500/月。 ⬧ 无冗长的销售流程。 ⬧ 无合同。 ⬧ 100% 退款保证。

无妥协
Kirschbaum logo

Kirschbaum

提供创新和稳定性,以确保您的 Web 应用程序取得成功。

Kirschbaum
Shift logo

Shift

正在运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

只需 $2500/月,即可为您的项目配备经验丰富的 Laravel 开发人员(4-6 年经验)。获得 160 小时的专业知识和 15 天的无风险试用。立即预约电话!

Bacancy
Lucky Media logo

Lucky Media

现在就选择 Lucky - 拥有超过十年的经验,是 Laravel 开发的理想选择!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar: Laravel 电子商务

Laravel 的电子商务。一个开源软件包,将现代无头电子商务功能的强大功能引入 Laravel。

Lunar: Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 工作板

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS 启动工具包

SaaSykit 是一款 Laravel SaaS 启动工具包,包含运行现代 SaaS 所需的所有功能。支付、漂亮的结账、管理面板、用户仪表板、身份验证、现成组件、统计、博客、文档等。

SaaSykit: Laravel SaaS 启动工具包
Rector logo

Rector

您无缝 Laravel 升级、降低成本和加速创新以帮助企业成功的合作伙伴。

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成来增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。了解 MongoDB 的灵活、现代数据库如何改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的零依赖输入遮罩库

阅读文章
Add Swagger UI to Your Laravel Application image

在您的 Laravel 应用程序中添加 Swagger UI

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel Prompts 构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 软件包在您的 Laravel 应用程序中添加评论

阅读文章