|
|
@@ -14,12 +14,17 @@
|
|
|
/* align-items: center; */
|
|
|
/* flex-direction: column;
|
|
|
justify-content: space-around; */
|
|
|
- flex-wrap: wrap;
|
|
|
+ /* flex-wrap: wrap; */
|
|
|
align-content: space-between;
|
|
|
}
|
|
|
+ .box2{
|
|
|
+ flex-grow: 1;
|
|
|
+ }
|
|
|
.box3{
|
|
|
/* order: -1; */
|
|
|
/* align-self: flex-end; */
|
|
|
+ /* flex-shrink: 2; */
|
|
|
+ flex-grow: 2;
|
|
|
}
|
|
|
.box div{
|
|
|
width: 100px;
|
|
|
@@ -40,13 +45,13 @@
|
|
|
<div class="box1">1</div>
|
|
|
<div class="box2">2</div>
|
|
|
<div class="box3">3</div>
|
|
|
- <div class="box4">4</div>
|
|
|
+ <!-- <div class="box4">4</div>
|
|
|
<div class="box5">5</div>
|
|
|
<div class="box6">6</div>
|
|
|
<div class="box7">7</div>
|
|
|
<div class="box8">8</div>
|
|
|
<div class="box9">9</div>
|
|
|
- <div class="box10">10</div>
|
|
|
+ <div class="box10">10</div> -->
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
