[新增]简单的仿头条网站开始

src/index.css

@@ -6,53 +6,32 @@
  */
 
 body {
-    font: 14px "Century Gothic", Futura, sans-serif;
-    margin: 20px;
-}
-
-ol, ul {
-    padding-left: 30px;
-}
-
-.board-row:after {
-    clear: both;
-    content: "";
-    display: table;
-}
-
-.status {
-    margin-bottom: 10px;
-}
-
-.square {
-    background: #fff;
-    border: 1px solid #999;
-    float: left;
-    font-size: 24px;
-    font-weight: bold;
-    line-height: 34px;
-    height: 34px;
-    margin-right: -1px;
-    margin-top: -1px;
+    font-size: 14px;
+    margin: 0;
     padding: 0;
-    text-align: center;
-    width: 34px;
 }
 
-.square:focus {
-    outline: none;
-}
-
-.kbd-navigation .square:focus {
-    background: #ddd;
-}
-
-.game {
+.header{
+    background: #222;
+    color: white;
+    height: 34px;
+    line-height: 34px;
     display: flex;
-    flex-direction: row;
+    justify-content: space-between;
 }
 
-.game-info {
-    margin-left: 20px;
+.header span,
+.header a{
+    padding: 0 10px;
+    display: inline-block;
+    color: white;
+    text-decoration: none;
 }
 
+.header-app{
+    border-right: solid 1px #3a3a3a;
+}
+
+.header-product{
+    border-left: solid 1px #3a3a3a;
+}