- Bài viết giới thiệu trò chơi
Flexbox Froggy giúp học viết mã CSS
- Trò chơi dùng thuộc tính
justify-content để hướng dẫn chú ếch tới lá súng
- Thuộc tính
justify-content dùng để căn chỉnh các phần tử theo chiều ngang bên trong một vùng chứa
- Thuộc tính này chấp nhận nhiều giá trị như
flex-start (căn các phần tử sang trái), flex-end (căn các phần tử sang phải), center (căn các phần tử vào giữa), space-between (khoảng cách bằng nhau giữa các phần tử), space-around (khoảng cách bằng nhau xung quanh các phần tử)
- Có ví dụ cho thấy
justify-content: flex-end; sẽ di chuyển chú ếch sang bên phải
- Trò chơi
Flexbox Froggy do Codepip tạo ra, có kèm các liên kết GitHub và Twitter
- Bài viết cũng gợi ý
Grid Garden cho những ai muốn học CSS Grid
1 bình luận
Ý kiến trên Hacker News