- 将 .solution-content 的 padding 移除,改为 0 - 将 padding: 40px 移到 .solution-text 内部 - 移除 .solution-image 的固定高度 - 通过 align-items: stretch 让图片区域自动撑满整个卡片高度 - 图片使用 object-fit: cover 保持比例填充 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -2728,7 +2728,7 @@ html {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
gap: 60px;
|
||||
padding: 40px;
|
||||
padding: 0;
|
||||
background: rgba(15, 23, 42, 0.7);
|
||||
backdrop-filter: blur(16px);
|
||||
border: 1px solid rgba(148, 163, 184, 0.15);
|
||||
@@ -2743,6 +2743,7 @@ html {
|
||||
.solution-text {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.solution-text h3 {
|
||||
@@ -2811,7 +2812,6 @@ html {
|
||||
.solution-image {
|
||||
flex-shrink: 0;
|
||||
width: 500px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: 0;
|
||||
|
||||
Reference in New Issue
Block a user