diff --git a/apps/blog/_posts/activity/jeju-remote.md b/apps/blog/_posts/activity/jeju-remote.md
index 0afe3aa1..50955243 100644
--- a/apps/blog/_posts/activity/jeju-remote.md
+++ b/apps/blog/_posts/activity/jeju-remote.md
@@ -68,9 +68,10 @@ ogImage:
## 벌써 마지막 주
-![fire](https://github.com/1ilsang/dev/assets/23524849/aa907040-b2cf-4443-a7fe-9afef3d8209d)
-
-![mountain](https://github.com/1ilsang/dev/assets/23524849/d6510fe9-5ce6-4fe1-8e71-756319ab9e9e)
+
+
+
+
당시에 시간이 정말 빠르게 간다고 느꼈다. 하루하루 많은 일이 있었는데 어느덧 마지막 주였던 기억이 난다.
@@ -80,18 +81,25 @@ ogImage:
다양한 답변이 속에서 나왔지만 결국 나는 누군가에게 도움이 되고 싶어서 공부한다는 결론이 나왔었다. 정보 공유를 한다거나 가르쳐줄 때 큰 재미를 느꼈고 그 재미가 내 행동 기반이라는 것을 깨닫게 되었다. 회사에서만 보더라도 다양한 정보 혹은 개발기를 공유하고 싶어서 열심히 일을 하게 되었던 것 같다.
-이처럼 제주에서 나는 중간중간 스스로에게 질문을 많이 던지면서 천천히 생각해 보는 시간을 많이 가졌다. 이것이 제주에서 느꼈던 가장 좋았던 점이었다. 맨날 퇴근 후 다음 작업을 하느라 스스로에게 질문을 하지 못했는데 이번 기회에 삶의 방향을 한번 돌아보게 되었다.
+이처럼 제주에서 나는 중간중간 스스로에게 질문을 많이 던지면서 천천히 생각해 보는 시간을 많이 가졌다. 이것이 제주에서 느꼈던 가장 좋았던 점이었다.
+
+맨날 퇴근 후 다음 작업을 하느라 스스로에게 질문을 하지 못했는데 이번 기회에 삶의 방향을 한번 돌아보게 되었다.
![pony](https://github.com/1ilsang/dev/assets/23524849/da21b5d7-dc08-48d1-915c-f7738f7341cd)
## 마무리
-![sunset-mount](https://github.com/1ilsang/dev/assets/23524849/5e184147-7bc7-4a4a-a0a3-14ca9dc01caa)
-![sunset-sea](https://github.com/1ilsang/dev/assets/23524849/88e9d28a-3c85-40aa-9f30-95ec8c379533)
+
+
+
+
워케이션 기간동안 많은 것을 느꼈다.
-새로운 환경에서 작업하면서 주위를 환기하는 과정은 상당히 즐거웠다. 무엇보다 나 자신과 스스로 마주할 수 있었기에 조금 더 자신을 알게 되었다. 또한 나는 "서울에서의 바쁜 일상을 즐겼다"는 결론을 가지게 되었다. 제주 생활도 좋았지만 "서울에 올라가면 꼭 ~ 해야지"라고 서울에서의 일정이 마구 생기는 모습을 보면서 나에게 워케이션은 한번씩의 환기 이벤트라고 생각하게 되었다. 워케이션을 통해 평범했던 일상을 더욱 좋아하게 되었고 긍정적으로 삶을 바라볼 수 있게 되었다.
+- 새로운 환경에서 작업하면서 주위를 환기하는 과정은 상당히 즐거웠다.
+- 나 자신과 스스로 마주할 수 있었기에 조금 더 자신을 알게 되었다.
+- 나는 "서울에서의 바쁜 일상을 즐겼다"는 결론을 가지게 되었다. 제주 생활도 좋았지만 "서울에 올라가면 꼭 ~ 해야지"라고 서울에서의 일정이 마구 생기는 모습을 보면서 나에게 워케이션은 한번씩의 환기 이벤트라고 생각하게 되었다.
+- 워케이션을 통해 평범했던 일상을 더욱 좋아하게 되었고 긍정적으로 삶을 바라볼 수 있게 되었다.
이제 다시 평범한 일상으로 돌아가게 되겠지만 새로운 환경이 필요하다고 생각하면 주저 없이 워케이션을 선택할 것 같다.
diff --git a/apps/blog/src/features/styles/markdown/index.scss b/apps/blog/src/features/styles/markdown/index.scss
index 373f13cf..5e7f3e09 100644
--- a/apps/blog/src/features/styles/markdown/index.scss
+++ b/apps/blog/src/features/styles/markdown/index.scss
@@ -1,4 +1,22 @@
/* stylelint-disable no-descending-specificity */
+
+@mixin image {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-top: 1%;
+ margin-bottom: 1%;
+ min-height: 200px;
+
+ @include mobile {
+ min-height: 100px;
+ }
+
+ @include i-mac {
+ max-width: 1200px;
+ }
+}
+
.markdown {
@apply text-lg leading-relaxed;
@@ -115,6 +133,15 @@
@apply text-xl mt-6 leading-snug;
}
+ img {
+ width: 70%;
+ object-fit: contain;
+
+ @include mobile {
+ width: 100%;
+ }
+ }
+
.cover {
width: 100%;
height: 600px;
@@ -123,30 +150,16 @@
}
.img-wrap {
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-top: 1%;
- margin-bottom: 1%;
- min-height: 200px;
-
- @include mobile {
- min-height: 100px;
- }
+ @include image;
- @include i-mac {
- max-width: 1200px;
- }
+ flex-direction: column;
+ }
- img {
- width: 70%;
- object-fit: contain;
+ .img-horizon-wrap {
+ @include image;
- @include mobile {
- width: 100%;
- }
- }
+ overflow-x: scroll;
+ gap: 0.3rem;
}
}