HTML CSS Flex настройка ⇐ CSS

[Anonymous]

У меня есть эта временная шкала в HTML, а также CSS ниже. У меня есть контейнер exp, отображение которого настроено на гибкость, а направление установлено на столбец. Я хочу, чтобы последние два exp_items отображались в строке, а не в направлении столбца.


.exp {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.line {
width: 100%;
height: 10px;
background-color: lightgray;
display: flex;
justify-content: space-evenly;
align-items: center;
gap: 150px;
margin-top: 50px;
margin-bottom: 50px;
border-radius: 10px;
}

.exp_item .description {
width: 250px;
height: 180px;
background-color: transparent;
}

.exp_ball {
width: 60px;
height: 60px;
border-radius: 50%;
}

.exp_ball:nth-child(1) {
background: url(resources/acesol.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.exp_ball:nth-child(2) {
background: url(resources/wurfelbg.jpg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.exp_ball:nth-child(3) {
background: url(resources/wurfelbg.jpg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.exp_item {
width: 80%;
display: flex;
justify-content: space-evenly;
align-items: center;
gap: 410px;
}










Home





Education





Expirience





Certifications





Ciriculum Vitae





Expiriences

time 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident asperiores quis maiores, voluptas dolore, laborum quod exercitationem odit sint quo obcaecati facere repellat quia placeat maxime reiciendis officia corrupti iusto.

time 2

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit, at dolorem similique ab culpa modi inventore minima nemo officia dolore blanditiis ducimus veritatis itaque quae id est quia, dignissimos amet.

time 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam, voluptates ad! Voluptatibus beatae quam amet sed magni, assumenda ea, ut mollitia nihil ratione laudantium numquam culpa odit vitae temporibus rerum.







Я тоже пробовал это, но не помогло. Я просто хочу, чтобы отображение опыта для последних двух элементов было гибким, с направлением, установленным для строки, а не для столбца
.exp_item:nth-last-child(-n+2) {
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}


Подробнее здесь: https://stackoverflow.com/questions/765 ... adjustment