Controls turn into tapbar

2022-05-20 23:50:47 +03:00
parent 49ae4b0dec
commit 7c076a040c
24 changed files with 246 additions and 21 deletions
--- a/src/components/Projects/Project.module.css
+++ b/src/components/Projects/Project.module.css
@@ -0,0 +1,30 @@
+.Project {
+  position: relative;
+  background: var(--clr-bg-trietary);
+  border-radius: var(--radius-md);
+  width: calc(33% - var(--gap-lg));
+  min-width: 320px;
+}
+
+.preview {
+  position: relative;
+  display: block;
+  border-radius: var(--radius-md) var(--radius-md) 0 0;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 250px;
+  object-fit: cover;
+  object-position: top;
+}
+
+.body {
+  padding: var(--gap-sm);
+  text-align: left;
+  height: 107px;
+}
+
+.description {
+  padding-top: var(--gap-sm);
+  font: var(--font-sm);
+}