Added small icons

2023-02-23 00:54:47 +03:00
parent 2d9f893b77
commit ed20ebcbc5
9 changed files with 157 additions and 5 deletions
--- a/src/components/Projects/Project.module.css
+++ b/src/components/Projects/Project.module.css
@@ -43,12 +43,28 @@

 .name {
  font-weight: 300;
+  display: flex;
+  align-items: center;
+  gap: var(--gap-sm);
 }

 .description {
  font: var(--font-sm);
 }

+.techIcons {
+  position: absolute;
+  left: var(--gap-sm);
+  bottom: var(--gap-sm);
+  display: flex;
+  align-items: center;
+}
+
+.techIcon {
+  padding: calc(var(--gap-sm) / 2);
+  display: block;
+}
+
@media screen and (max-width: 1080px) {
  .Project {
    flex-direction: column-reverse;
@@ -71,4 +87,8 @@
    width: 100%;
    max-width: 100%;
  }
+
+  .techIcons {
+    display: none;
+  }
 }