|
|
@ -1,7 +1,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
.all-container {
|
|
|
|
.all-container {
|
|
|
|
display : flex;
|
|
|
|
display : flex;
|
|
|
|
justify-content: space-evenly;
|
|
|
|
justify-content: center;
|
|
|
|
/*
|
|
|
|
/*
|
|
|
|
align-items: baseline;
|
|
|
|
align-items: baseline;
|
|
|
|
width : min-content;
|
|
|
|
width : min-content;
|
|
|
@ -15,6 +15,8 @@
|
|
|
|
display : flex;
|
|
|
|
display : flex;
|
|
|
|
align-items: baseline;
|
|
|
|
align-items: baseline;
|
|
|
|
width : min-content;
|
|
|
|
width : min-content;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
margin: 20px;
|
|
|
|
/* Then we define the flow direction
|
|
|
|
/* Then we define the flow direction
|
|
|
|
and if we allow the items to wrap
|
|
|
|
and if we allow the items to wrap
|
|
|
|
* Remember this is the same as:
|
|
|
|
* Remember this is the same as:
|
|
|
@ -46,6 +48,7 @@
|
|
|
|
display : flex;
|
|
|
|
display : flex;
|
|
|
|
align-items: baseline;
|
|
|
|
align-items: baseline;
|
|
|
|
width : min-content;
|
|
|
|
width : min-content;
|
|
|
|
|
|
|
|
margin: 20px;
|
|
|
|
/* Then we define the flow direction
|
|
|
|
/* Then we define the flow direction
|
|
|
|
and if we allow the items to wrap
|
|
|
|
and if we allow the items to wrap
|
|
|
|
* Remember this is the same as:
|
|
|
|
* Remember this is the same as:
|
|
|
|