From c692ed92d1871741fe756033c3176de12da5d2b7 Mon Sep 17 00:00:00 2001 From: TheYoungManLi Date: Thu, 16 Dec 2021 16:17:37 +0800 Subject: [PATCH] fix: Display problem Signed-off-by: TheYoungManLi --- assets/scss/learn.scss | 4 +++- content/zh/learn/_index.md | 8 ++++---- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/assets/scss/learn.scss b/assets/scss/learn.scss index 6e05c8998..964aa1312 100644 --- a/assets/scss/learn.scss +++ b/assets/scss/learn.scss @@ -144,6 +144,7 @@ h2 { font-size: 0; overflow-x: auto; white-space: nowrap; + display: flex; li { position: relative; @@ -151,7 +152,7 @@ h2 { box-sizing: border-box; white-space: normal; width: 323px; - height: 237px; + min-height: 237px; padding: 30px 20px 30px 62px; margin-left: 70px; font-size: 14px; @@ -169,6 +170,7 @@ h2 { left: -50px; width: 100px; height: 100px; + object-fit: cover; border-radius: 50%; } diff --git a/content/zh/learn/_index.md b/content/zh/learn/_index.md index 8a435ed4e..6f17d72df 100644 --- a/content/zh/learn/_index.md +++ b/content/zh/learn/_index.md @@ -33,15 +33,15 @@ section4: - name: 王老师 profession: KubeSphere DevOps 研发 description: 本课程由 KubeSphere 开源社区联合 CNCF 倾力制作，特邀 KubeSphere 团队核心研发成员与 DevOps 教练参与录制。 - image: + image: /images/home/mobx.jpg - name: 王老师 profession: KubeSphere DevOps 研发 description: 本课程由 KubeSphere 开源社区联合 CNCF 倾力制作，特邀 KubeSphere 团队核心研发成员与 DevOps 教练参与录制。 - image: + image: /images/home/mobx.jpg - name: 王老师 - profession: KubeSphere DevOps 研发 + profession: KubeSphere DevOps 研发&可观测性研发 description: 本课程由 KubeSphere 开源社区联合 CNCF 倾力制作，特邀 KubeSphere 团队核心研发成员与 DevOps 教练参与录制。 - image: + image: /images/home/mobx.jpg section5: title: 受益人群 list: