Flex练习-打游戏

引言：因为学了flex布局，但是不知道怎么使用，虽然知道做项目是很好的方式，但是还是不知道如何下手，所以就看看有没有合适的练手的习题

如果你是零基础，推荐先看看这个：Flex语法
如果你觉得学的还可以，但是不知道怎么去验证，这里就很适合你 flex练习网址:

可能会遇到的阅读障碍

• properties 属性（复数）
• cross axis 交叉轴
• main axis 主轴
• group items 项目（里面的东西）
• group container 容器（外面的大盒子）
• align 排列
• evenly 均匀地

第1关：

主要介绍justify-content属性，以及如何游戏介绍


通关代码：

.tower-group-1 {
   
	display: flex;
	justify-content: center;
}

第2关

.tower-group-1 {
   
	display: flex;
	justify-content: flex-end;
}
.tower-group-2 {
   
	display: flex;
	justify-content: center;
}
.tower-group-3 {
   
	display: flex;
	justify-content: flex-end;
}

第3关

.tower-group-1 {
   
	display: flex