Я пытаюсь создать для своей веб-страницы флексбокс-контейнер размером 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
