diff --git a/index.html b/index.html
index 1876fcae63d4a035cdfd60c26b112cda230be43e..4fd6505a73f98ea8a777929519a43d03eddce00d 100644
--- a/index.html
+++ b/index.html
@@ -8,10 +8,32 @@
     <title>InsCode</title>
 </head>
 <body>
-    <div class="container">
-        <img src="src/assets/logo.svg" alt="InsCode">
-        <div>欢迎来到 InsCode</div>
-    </div>
-    <script src="script.js"></script>
+
+    <div class="flex-container-row">
+        <div class="flex-item">1.刘邦</div>
+        <div class="flex-item">2.吕雉</div>
+        <div class="flex-item">3.项羽</div>
+        <div class="flex-item">4.虞姬</div>
+      </div>  
+      
+      <div class="flex-container-row-reverse">
+        <div class="flex-item blue">伯</div>
+        <div class="flex-item blue">仲</div>
+        <div class="flex-item blue">叔</div>
+        <div class="flex-item blue">季</div>
+      </div>
+      
+       <div class="flex-container-column">
+      <div class="flex-item">金</div>
+        <div class="flex-item">银</div>
+        <div class="flex-item">铜</div>
+      </div>
+      
+      
+      <div class="flex-container-column-reverse">
+      <div class="flex-item blue">苏洵</div>
+        <div class="flex-item blue">苏轼</div>
+        <div class="flex-item blue">苏辙</div>
+      </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 283cdc5e1b93449917dd5618483c16d51c1ca107..8e46ee23cc7240d3f646794b7b0c81f0a14bf42f 100644
--- a/style.css
+++ b/style.css
@@ -1,10 +1,34 @@
-html,
-body {
-  height: 100%;
-  width: 100%;
-}
-
-.container {
-  text-align: center;
-  padding: 64px;
+.flex-container-row {
+  display: flex;
+  flex-direction: row;
+}
+ 
+.flex-container-row-reverse {
+  display: flex;
+  flex-direction: row-reverse;
+}
+ 
+.flex-container-column {
+  display: flex;
+  flex-direction: column;
+}
+ 
+.flex-container-column-reverse {
+  display: flex;
+  flex-direction: column-reverse;
+}
+ 
+.flex-item {
+  border:1px solid #fff;
+  height:60px;
+  width:60px;  
+  text-align:center;
+  line-height:60px;
+  background: #f66;
+  color:white;
+}
+ 
+.flex-item.blue {
+  border:1px solid #fff;
+  background: #33f;
 }
\ No newline at end of file
