Merge pull request #2 from zahidayturan/main

edit css, size , readme
FezaiTech · Feb 14, 2024 · a39bf4d · a39bf4d
2 parents 2d13bb7 + a9d313d
commit a39bf4d
Show file tree

Hide file tree

Showing 3 changed files with 77 additions and 81 deletions.
diff --git a/README.md b/README.md
@@ -1 +1,8 @@
-# fezaitech.github.io
+# fezaitech.github.io
+
+https://fezaitech.github.io/
+
+<p align="center">
+
+ <img src="/assets/logo_light.png" width=30% height=30% />
+</p>
diff --git a/mediaqueries.css b/mediaqueries.css
@@ -1,6 +1,6 @@
 @media screen and (max-width: 1400px) {
   #profile {
-    height: 83vh;
+    height: 83ch;
     margin-bottom: 6rem;
   }
   .about-containers {
@@ -62,9 +62,6 @@
     font-size: 1.2rem;
   }
 
-  .works__text__logo {
-    width: 27vh;
-  }
 
 
   .works__text__p4 {
@@ -76,8 +73,8 @@
   }
 
   .works-container-mini{
-    width: 28vh;
-    height: 36vh;
+    width: 18ch;
+    height: 36ch;
     border-radius: 12px;
   }
 
@@ -107,7 +104,7 @@
   }
 
   #footer {
-    height: 54vh;
+    height: 54ch;
     flex-direction: column;
     justify-content: space-around;
   }
@@ -132,7 +129,7 @@
     width: 30px;
   }
   .social__logo {
-    width: 28vh;
+    width: 28ch;
   }
 }
 
@@ -181,9 +178,6 @@
     font-size: 1.2rem;
   }
 
-  .works__text__logo {
-    width: 22vh;
-  }
 
   .icon__large {
     height: 2.2rem;
@@ -198,8 +192,8 @@
   }
 
   .works-container-mini{
-    width: 22vh;
-    height: 46vh;
+    width: 14ch;
+    height: 42ch;
     border-radius: 12px;
   }
 
@@ -213,7 +207,7 @@
 @media screen and (max-width: 600px) {
 
   #profile {
-    height: 83vh;
+    height: 83ch;
     margin-bottom: 0;
     padding: 0  0;
     flex-direction: column;
@@ -250,14 +244,14 @@
 
   #about {
     position: relative;
-    height: 120vh;
+    height: 120ch;
     align-items: center;
     display: flex;
     flex-direction: column;
   }
 
   .jobs-container {
-    height: 116vh;
+    height: 116ch;
     width: 14rem;
     border-radius: 0.5rem;
     flex-direction: column;
@@ -308,7 +302,7 @@
     align-items: center;
     display: flex;
     flex-direction: column;
-    height: 85vh;
+    height: 85ch;
     width: auto;
   }
 
@@ -337,11 +331,11 @@
   }
 
   #works {
-    height: 144vh;
+    height: 112ch;
   }
 
   .works-container{
-    height: 144vh;
+    height: 108ch;
     width: 90%;
   }
 
@@ -357,10 +351,6 @@
     font-size: 1.4rem;
   }
 
-  .works__text__logo {
-    width: 31vh;
-  }
-
   .icon__large {
     height: 2.5rem;
   }
@@ -371,13 +361,13 @@
 
   .works-container-detail{
     width: 95%;
-    height: 112vh;
+    height: 94ch;
     flex-direction: column;
   }
 
   .works-container-mini{
-    width: 32vh;
-    height: 32vh;
+    width: 28ch;
+    height: 28ch;
     border-radius: 16px;
   }
 
@@ -388,12 +378,12 @@
 
   }
   .products-info{
-    margin: 4vh 0;
+    margin: 4ch 0;
     flex-direction: column;
   }
 
   .products-info-container-mini {
-    height: 52vh;
+    height: 52ch;
   }
 
   .products-container-color-1{
@@ -410,7 +400,7 @@
     height: fit-content;
   }
   #footer {
-    height: 54vh;
+    height: 54ch;
     flex-direction: column;
     justify-content: space-around;
   }
@@ -435,7 +425,7 @@
     width: 30px;
   }
   .social__logo {
-    width: 28vh;
+    width: 28ch;
   }
 
   .about-containers,
@@ -524,7 +514,7 @@
   }
 
   #experience{
-    height: 72vh;
+    height: 72ch;
 
   }
 
@@ -545,7 +535,7 @@
   }
 
   #footer {
-    height: 54vh;
+    height: 54ch;
     flex-direction: column;
     justify-content: space-around;
   }
@@ -570,12 +560,12 @@
     width: 28px;
   }
   .social__logo {
-    width: 26vh;
+    width: 26ch;
   }
 
   .sub__container.p2{
-    margin-left: 2vh;
-    gap: 2vh;
+    margin-left: 2ch;
+    gap: 2ch;
     display: flex;
     align-items: start;
     flex-direction: column;
@@ -608,7 +598,7 @@
   }
 
   #profile {
-    height: 83vh;
+    height: 83ch;
   }
 
   .section__text__p1 {
@@ -672,12 +662,12 @@
 
 
   #works{
-    height: 134vh;
+    height: 134ch;
   }
 
   .works-container{
     width: 90%;
-    height: 124vh;
+    height: 124ch;
   }
 
   .works__text__p1 {
@@ -693,22 +683,22 @@
   }
 
   .works__text__logo {
-    width: 20vh;
+    width: 20ch;
   }
 
   .works__text__p4 {
     font-size: 0.75rem;
   }
 
   .works-container-mini{
-    width: 20vh;
+    width: 20ch;
     height: max-content;
     border-radius: 16px;
     padding: 12px 12px;
   }
 
   #experience{
-    height: 60vh;
+    height: 60ch;
 
   }
 
@@ -729,15 +719,15 @@
   }
 
   #footer {
-    height: 54vh;
+    height: 54ch;
     flex-direction: column;
     justify-content: space-around;
   }
 
   .logo__social {
     width: 100%;
     flex-direction: column;
-    gap: 2vh;
+    gap: 2ch;
     justify-content: space-around;
   }
 
@@ -756,12 +746,12 @@
     width: 20px;
   }
   .social__logo {
-    width: 22vh;
+    width: 22ch;
   }
 
   .sub__container.p2{
-    margin-left: 1vh;
-    gap: 1vh;
+    margin-left: 1ch;
+    gap: 1ch;
     display: flex;
     align-items: start;
     flex-direction: column;
@@ -775,7 +765,7 @@
   .email-form {
     justify-content: center;
     flex-direction: column;
-    gap: 0.5vh;
+    gap: 0.5ch;
   }
 
   .email-input {
@@ -812,7 +802,7 @@
   nav {
     justify-content: space-between;
     padding: 0 12px 0 12px;
-    height: 12vh;
+    height: 12ch;
   }
 
 
@@ -834,3 +824,5 @@
   }
 
 }
+
+