docs(main): optimize mobile adaptation (#3683)

Author: chenjiahan

.changeset/dirty-moose-talk.md

@@ -0,0 +1,8 @@
+---
+'@modern-js/main-doc': patch
+'@modern-js/doc-core': patch
+---
+
+docs(main): optimize mobile adaptation
+
+docs(main): 优化移动端适配

packages/cli/doc-core/src/theme-default/layout/DocLayout/index.module.scss

@@ -25,7 +25,7 @@
     position: relative;
   }
   .content {
-    padding: 12px 24px 72px 24px;
+    padding: 36px 24px 72px 24px;
   }
 }
 

packages/document/main-doc/docs/en/community/blog/overview.md

@@ -34,7 +34,7 @@ Since React 18, React supports a new type of SSR (streaming SSR) and it brought
 
 To understand its design further, check out this [Github Discussion](https://github.com/reactwg/react-18/discussions/37) by Dan Abramov or watch this [talk](https://www.youtube.com/watch?v=pj5N-Khihgc).
 
-Or read more from us at [here(Further content in English under construction)](<[communityreact-streaming-ssr](https://mp.weixin.qq.com/s/w4FS5sBcHqRl-Saqi19Y6g)>) or [here](/community/blog/react-streaming-ssr).
+Or read more from us at [here(Further content in English under construction)](https://mp.weixin.qq.com/s/w4FS5sBcHqRl-Saqi19Y6g).
 
 ---
 

packages/document/main-doc/docs/en/guides/concept/builder.mdx

@@ -16,7 +16,7 @@ From the perspective of building, Modern.js is divided into three layers, from t
 - Universal build engine: Modern.js Builder.
 - Low-level bundlers: webpack and rspack.
 
-<img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/builder-layers-1117.png" style={{ maxWidth: '540px' }} />
+<img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/builder-layers-1117.png" style={{ width: '100%', maxWidth: '540px' }} />
 
 ## Builder Documentation
 

packages/document/main-doc/docs/zh/guides/concept/builder.mdx

@@ -16,7 +16,7 @@ Modern.js Builder 是 Modern.js 体系的核心组件之一，它是一个面向
 - 通用构建引擎：Modern.js Builder。
 - 底层打包工具：webpack 和 rspack。
 
-<img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/builder-layers-1117.png" style={{ maxWidth: '540px' }} />
+<img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/builder-layers-1117.png" style={{ width: '100%', maxWidth: '540px' }} />
 
 ## 构建文档
 

packages/document/main-doc/src/components/SolutionCards/index.module.scss

@@ -42,6 +42,13 @@
   }
 }
 
+@media (max-width: 480px) {
+  .card {
+    flex: 0 1 100%;
+    margin-bottom: 16px;
+  }
+}
+
 .title {
   font-size: 16px;
   font-weight: 600;

packages/document/main-doc/src/pages/index.module.scss

@@ -153,7 +153,7 @@
 
 @media screen and (max-width: 540px) {
   .title {
-    font-size: 9vw;
+    font-size: 8vw;
   }
 }