*Text edit

JH-anfseo · Jan 1, 2024 · d8f911a · d8f911a
1 parent 1ff2e64
commit d8f911a
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 134 deletions.
diff --git a/css/reset.css b/css/reset.css
diff --git a/css/style.css b/css/style.css
@@ -163,36 +163,38 @@
   flex-direction: column;
   gap: 1.75rem;
 }
-
+.Education-container li {
+  line-height: 1.6;
+  margin-bottom: 0.3125rem;
+}
 /* my work Section */
-
 #my-work-section,
-#Project-section {
+#project-section {
+  width: 100%;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
-
 .my-work-container {
   display: flex;
   gap: 34px 16px;
   flex-wrap: wrap;
 }
 
 /* my work Cards */
-
 .my-work-card {
-  width: calc((100% - 32px) / 3);
+  width: calc((100% - 2rem) / 3);
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }
 
 .my-work-card-text-container {
-  min-height: 11rem;
+  min-height: 9rem;
   flex-direction: column;
   display: flex;
-  gap: 0.375rem;
+  gap: 0.125rem;
+  line-height: 1.7;
 }
 
 .my-work-image {
@@ -226,12 +228,6 @@
   font-size: 16px;
   font-weight: var(--weight-small);
 }
-.body-text li {
-  line-height: 1.6;
-}
-.body-text .body-text-date {
-  color: var(--text-color-thr);
-}
 .body-text .body-text-title::after {
   content: "";
   position: absolute;
@@ -246,6 +242,10 @@
   position: relative;
   font-weight: var(--weight-semibold);
 }
+.body-text .body-text-caption {
+  font-size: 14px;
+  color: var(--text-color-thr);
+}
 .my-work-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -256,17 +256,16 @@
 .my-work-title {
   overflow: hidden;
   text-overflow: ellipsis;
+  text-transform: uppercase;
   display: flex;
   flex-direction: column;
 }
-.my-work-text li {
-  line-height: 1.7;
-}
 .hash-tag {
-  color: #c7c7c7;
+  color: var(--text-color-thr);
+  margin: 0.125rem 0;
 }
 .my-work-text li span {
-  padding: 0.2rem 0.4rem;
+  padding: 0.1875rem 0.4063rem;
   border-radius: 1.1rem;
 }
 /* Extra large devices (large laptops and desktops, 1200px and below) */
@@ -397,7 +396,6 @@
     width: 50%;
   }
 }
-
 /* Icons */
 
 .right-arrow-icon {
@@ -538,14 +536,14 @@
 /* project Image */
 
 /* work 1 */
-#Project-section .my-work-card:nth-child(1) img {
+#project-section .my-work-card:nth-child(1) img {
   content: url(../assets/project/takus-table.jpg);
 }
 /* work 2 */
-#Project-section .my-work-card:nth-child(2) img {
+#project-section .my-work-card:nth-child(2) img {
   content: url(../assets/project/code-mate.jpg);
 }
 /* work 3 */
-#Project-section .my-work-card:nth-child(3) img {
+#project-section .my-work-card:nth-child(3) img {
   content: url(../assets/project/movieLike.jpg);
 }
diff --git a/css/utilities.css b/css/utilities.css
@@ -7,7 +7,7 @@
   --bg-primary: #ffffff;
   --text-color: #222222;
   --text-color-two: #ffffff;
-  --text-color-thr: #aeaeae;
+  --text-color-thr: #939393;
   --bg-secondary: #000000;
   --card-background: #f4f4f4;
   --bg-secondary-two: #111111;
@@ -31,7 +31,7 @@
   --bg-primary: #000000;
   --text-color: #ffffff;
   --text-color-two: #222222;
-  --text-color-thr: #aeaeae;
+  --text-color-thr: #949494;
   --bg-secondary: #ffffff;
   --card-background: #111111;
   --bg-secondary-two: #f4f4f4;
@@ -48,23 +48,20 @@ html {
   padding: 0;
   box-sizing: border-box;
 }
-
-ul {
-  list-style: none;
-}
-
-a {
-  text-decoration: none;
-  color: var(--text-color);
-}
-
 /* Main styling */
 body {
   background: var(--bg-primary);
   color: var(--text-color);
   font-family: "NanumSquare", sans-serif;
   line-height: 1.5;
 }
+ul {
+  list-style: none;
+}
+a {
+  text-decoration: none;
+  color: var(--text-color);
+}
 
 .container {
   max-width: var(--width-medium);