3列粗砂，中间的文本增长到左列

Question

有人可以帮助我让标题扩大到左侧区域吗？

<https://codepen.io/codegrabbler/pen/pojVExR>

Answer 1

https://codepen.io/DebraToranska/pen/pojVKap?editors=1100

    #grid {
    display: grid;
    width: 100%;
    width-max: 1200px;
    height:436px;
    position: relative;
    grid-template-columns: 30% 70% auto;
}

    #areaB {
    background-color: red;
    width: 30%;
    height: 100%;
    opacity: 0.5;
    color: #fff;
    font-size: 40px;
    position: absolute;
}

祝你好运：）