Как выровнять этот элемент flexbox?

Question

[Artem_Nikitov]

Учу верстку. Мне очень стыдно это спросить (т.к наверно это тупой вопрос) но,как сделать чтобы этот элемент был в этом синем месте и на 1920px и на 1280px на флексах(нужно с помощю media queries или по другому)?

Answer 1

[Ankhena]

position:absolute;
left: calc(50% - XX);

где XX это расстояние от центра большого блока до правого края вашего элементика.

На мобилках перестраивать.

Comments

[Artem_Nikitov]

Ankhena Все вроде бы нормально на 1920px,но когда я уменьшаю разрешения, текст остается неподвижным а картинка уменьшается и поэтому текст вылезает из синего места, как это исправить или так должно быть (calc(50% - 600px) сделал если что) ?

[Ankhena]

Artem_Nikitov, если контентная ширина 1200, то точно не 600.

Если картинка уменьшается, а не обрезается, то считать в процентах.

[Artem_Nikitov]

Ankhena Попробовал с процентами получилось, Большое спасибо 2 дня не мог это решить)

Answer 2

[Jordan_Belforts]

Если правильно помню то тебе нужно использовать для каждого дисплея

@media (max-width: 550px) {
	}

Собственно почитай про media