Init

1 files changed, 47 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..5f01a57
--- /dev/null
+++ b/style.css
@@ -0,0 +1,47 @@
+
+body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100vh;
+}
+.tiles {
+  padding: 6vh 16vw;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  justify-content: center;
+  position: relative;
+}
+.tile {
+  margin: 15px;
+  cursor: pointer;
+  overflow: hidden;
+  min-width: 120px;
+  min-height: 120px;
+  width: 18vw;
+  height: 18vw;
+}
+
+.tile img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform 500ms ease;
+}
+
+.tile img:hover {
+  transform: scale(1.1);
+}
+
+@media only screen and (max-width: 420px) {
+  .tiles {
+    padding: 6vh 4vw;
+  }
+
+  .tile {
+    margin: 5px;
+    width: 44vw;
+    height: 44vw;
+  }
+}