Add HSE design coursework and Wikimedium assignment

Flex_tiles/styles.css

@@ -0,0 +1,56 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    margin: 0;
+    background-color: #222;
+}
+
+.row, .column {
+    display: flex;
+    gap: 10px;
+}
+
+.column {
+    flex-direction: column;
+}
+
+.container {
+    width: 850px;
+    height: 630px;
+    margin: 40px auto 0;
+    padding: 10px 20px;
+    background-color: black;
+}
+
+.left, .middle, .top {
+    flex: 1;
+}
+
+.left-column, .right {
+    width: 190px;
+}
+
+.middle-top, .bottom {
+    height: 170px;
+}
+
+.box {
+    flex: 1;
+    background-color: white;
+    border-radius: 10px;
+}
+
+.tall {
+    flex: none;
+    height: 280px;
+}
+
+.right .tall {
+    height: 310px;
+}
+
+.wide {
+    flex: 2;
+}