main {
    grid-template-columns: 7fr 3fr;
    grid-gap: 30px 20px;

    grid-template-areas: 
        "link-back garden"
        "link garden"
        "articles garden"
        "articles .";
}

.linkback-box {
    grid-area: link-back;
}

.linkback-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.links-box {
    grid-area: link;
}

.articles-box {
    grid-area: articles;
}



.webgarden-box {
    grid-area:garden;
    align-self: start;
}

.webgarden-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 5px;
    gap: 12px;
}

.webgarden-content p {
    padding: 0;
    margin: 0;
}

.webgarden-content textarea {
    width: 100%;
    min-height: 75px;
}

@media (max-width: 700px) {
	main {
		padding: 25px 10px;

		grid-template-columns: 1fr;
		margin: auto;
		column-gap: 0;
		
		grid-template-areas:
        "link-back"
        "garden"
        "link"
        "articles";
	}
}