全宽2列图像和文本部分CSS网格

Question

[大家好，我刚开始使用CSS网格，请有人帮助我，我正在尝试制作Fullwidth 2列图像和文本部分，我正尝试在YouTube上查找方法，但无法做到这一点，所以请仅举一个例子和CSS预先谢谢你。

这样的东西

Answer 1

HTML：

<div class="container">
 <div class="col">image</div>
 <div class="col">content</div>
</div>

Css：
.container {
 display: flex;
}

.col {
 flex: 1;
 background-color: red;
 height: 400px;
}

.col:nth-child(2) {
 background-color: yellow;
}

非常简单：）。