Почему контейнер flexbox не меняет положение? ⇐ CSS

[Anonymous]

Я пытаюсь создать для своей веб-страницы флексбокс-контейнер размером 2x2, в котором будут храниться изображения и ссылки на другие части моего веб-сайта. Я создал контейнер, но не могу заставить его двигаться, что бы я ни делал. Я пробовал настроить поля, отступы и положение контейнера, но ничего не меняет положение контейнера.
CodePen: https://codepen.io/Dara-Jackson/pen/dyLZvKR< /p>
HTML:






Dara Jackson - Designer





Work
About
Contact




Link 1
Link 2


Link 3
Link 4





CSS:
.container {
display: flex;
flex-direction: column;
padding-top: 70px;
padding-left: 70px;
margin-left: 70px;
}

.row {
display: flex;
flex-direction:row;
}

.box {
/* width: 100px;
height: 100px; */
background-color:#cccccc;
border: 1px solid black;
display: flex;
/* justify-content: center;
align-items: center; */
margin-top:1px;
padding:200px;
}


Подробнее здесь: https://stackoverflow.com/questions/782 ... g-position