Form using grid

<!-- HTML -->
<body>
    <div class="container">
        <div class="forma">
            <div class="label1">
                <label for="">Name</label>
                <input type="text">
            </div>
            <div class="label2">
                <label for="">Email</label>
                <input type="email">
            </div>
            <div class="messages">
                <label for="">Messages</label>

                <textarea name="" id="" rows="10"></textarea>
            </div>
        </div>
        <div class="contacts">
            <div class="email">
                <h3>Email</h3>
                <a href="">email@email.com</a>

            </div>
            <div class="phone">
                <h3>Phone</h3>
                <p>+3706543242</p>
            </div>
            <div class="address">
                <ol>
                    <li>Lukas</li>
                    <li>Vilnius, Kestucio</li>
                    <li>USA Klaipeda kazkas</li>
                </ol>
            </div>
        </div>
    </div>
</body>

/*CSS*/

body {
    height: 400px;
    background-image: url("https://images.unsplash.com/photo-1491193348662-47874a96c621?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1055&q=80");
    background-size: cover;
    background-position: center;
}

.container {
    border: 2px solid red;
    max-width: 1050px;
    margin: 0 auto;
    color: white;
    display: flex;
}

.forma {
    border: 2px solid yellow;
    box-sizing: border-box;
    flex: 1;
    padding: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 20% 20%;
    grid-template-areas:
    "name email"
    "messages messages"
}

.label1 {
    grid-area: name;
}

.label2 {
    grid-area: email;
}

.messages {
    grid-area: messages;
}

label {
    display: block;
}

input {
    min-width: 90%;
}

.contacts {
    box-sizing: border-box;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas:
    "email"
    "phone"
    "address"
}

.email {
    grid-area: email;
    border: 2px solid lightgreen;
    padding: 35px;
}

.phone {
    grid-area: phone;
    border: 2px solid lightgreen;
    padding: 35px;
}

.address {
    grid-area: address;
    border: 2px solid lightgreen;
    padding: 35px;
}

textarea {
    min-width: 95%;
}


/* cols="65" */