Flexbox Froggy là một trò chơi học lập trình trực quan kinh điển dành cho bất kỳ ai muốn nắm vững bố cục CSS Flexible Box Layout một cách sinh động, thực tế và dễ ghi nhớ nhất.

Mục Tiêu & Kiến Thức Thu Nhận Qua Trò Chơi

• Thuộc tính căn chỉnh trục chính: Thực hành chuyên sâu justify-content với các giá trị flex-start, flex-end, center, space-between, space-around.
• Thuộc tính căn chỉnh trục chéo: Làm chủ align-items và align-self để định vị linh hoạt các phần tử con.
• Hướng phân bố luồng: Hiểu rõ bản chất flex-direction: row | column | row-reverse | column-reverse.
• Ngắt dòng và sắp xếp thứ tự: Tinh chỉnh flex-wrap, align-content và order khi thiết kế layout responsive trên mobile.

Bạn có thể chơi và nhập mã lệnh CSS trực tiếp trong khung trò chơi bên trên mà không cần cài đặt bất kỳ phần mềm bổ trợ nào!