article {
    position: relative;
    top: 50px;
    max-width: 1200px;
    margin: 0 auto;

    padding-left: 10px;
    border: 2px solid red;

    display: flex;
    flex-direction: column;
}

.container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 0.1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "info info"
        "coding writing";

    position: relative;
    top: 50px;
    max-width: 1200px;
    margin: 0 auto;

    padding-left: 10px;
    border: 2px solid red;

}

.info { grid-area: info; }

.coding {
    grid-area: coding;
}

.writing { grid-area: writing; }