diff --git a/docs/en/intro.md b/docs/en/intro.md
index 1f92ecb3e..dc6a6cc4f 100644
--- a/docs/en/intro.md
+++ b/docs/en/intro.md
@@ -36,7 +36,7 @@ It is a self-contained app with the following parts:
 This is an extremely simple representation of the concept of "one-way data flow":
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 However, the simplicity quickly breaks down when we have **multiple components that share common state**:
diff --git a/docs/fr/intro.md b/docs/fr/intro.md
index c1f7acfe7..9755e94fe 100644
--- a/docs/fr/intro.md
+++ b/docs/fr/intro.md
@@ -36,7 +36,7 @@ C'est une app auto-contenue avec les parties suivantes :
 Voici une représentation extrèmement simple du concept de "one-way data flow" (_flux de données unidirectionnel_) :
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 Cependant, la simplicité s'évapore rapidement lorsque nous avons **de multiples composants qui partagent le même state** :
diff --git a/docs/ja/intro.md b/docs/ja/intro.md
index 4507b61a3..a7a093307 100644
--- a/docs/ja/intro.md
+++ b/docs/ja/intro.md
@@ -38,7 +38,7 @@ new Vue({
 これらは"単方向データフロー"のコンセプトの極めてシンプルな責務です:
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 しかし、単純さは、**共通の状態を共有する複数のコンポーネントを持ったときに**、すぐに破綻します:
diff --git a/docs/kr/intro.md b/docs/kr/intro.md
index 66c73b0bf..b14c599f3 100644
--- a/docs/kr/intro.md
+++ b/docs/kr/intro.md
@@ -36,7 +36,7 @@ new Vue({
 이것은 "단방향 데이터 흐름" 개념의 매우 단순한 도표입니다.
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 그러나 **공통의 상태를 공유하는 여러 컴포넌트** 가 있는 경우 단순함이 빠르게 저하됩니다.
diff --git a/docs/ru/intro.md b/docs/ru/intro.md
index c802a58bf..ad9871519 100644
--- a/docs/ru/intro.md
+++ b/docs/ru/intro.md
@@ -36,7 +36,7 @@ new Vue({
 Вот простейшее представление концепции "однонаправленного потока данных":
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 Простота, к сожалению, быстро исчезает при появлении **нескольких компонентов, основывающихся на одном и том же состоянии**, когда:
diff --git a/docs/zh-cn/intro.md b/docs/zh-cn/intro.md
index 0c15834ea..bf8d178a0 100644
--- a/docs/zh-cn/intro.md
+++ b/docs/zh-cn/intro.md
@@ -36,7 +36,7 @@ new Vue({
 以下是一个表示“单向数据流”理念的极简示意：
 
 <p style="text-align: center; margin: 2em">
-  <img style="max-width:450px;" src="./images/flow.png">
+  <img style="width:100%;max-width:450px;" src="./images/flow.png">
 </p>
 
 但是，当我们的应用遇到**多个组件共享状态**时，单向数据流的简洁性很容易被破坏：