Как такое сверстать?

Question

[AlexGlinskiy]

Всем привет! Как сверстать такую штуку, только чтобы текст был, по желтой линии.

Меня интересует именно то, что обведено красным.

Answer 1

[Алексей Орлов]

Используй отступы bootstrap.

Comments

[Виктор Таран]

а зачеркнутое у вас это "секретный дизайн" ?
Всегда поражали люди которые запускают платную рекламу на сайт, и радуются органическому трафику как дети, но когда делают сами скриншот то затирают информацию ;)
А имя домена становится секретом.

[AlexGlinskiy]

Виктор Таран, это коммерческий сайт и он ещё в разработке.

[AlexGlinskiy]

это и так понятно, а можно немного подробнее?
Вот как у меня сейчас.

<div class="main-banner__info">
					<div class="container">
						<div class="row">
							<div class="col-3"></div>
							<div class="col-3">
								<p>текст</p>
							</div>
							<div class="col-3">
								<p>текст</p>
							</div>
							<div class="col-3 img show-video"></div>
						</div>
					</div>
				</div>

[Виктор Таран]

AlexGlinskiy,
ну если говорить прям открыто то у вас проблемма в проекте интерфейса.
Он сделан бездарно, от слова прям ваще в жо..у никак.
И дело не в том что это трудно сверстать а дело в то что сама идея так себе.
Как показывает практика есть " ожидаемость интерфейса" она сильно влияет на корвенсии и показатели.
А нестандратные интерфейсы очень плохо конвертируют поскольку нет привычки как им пользоваться.
А глевное если ими не пользуются значит как правило это плохая идея.
В 2020 году делать такой интерфейс простительно лиш застройщикам " там вообще полный мрак с юзабилити, чисто так сложилось"
Я бы порекомендовал вам на этом этапе отказаться от таких гениальных решений.
Дабы специфика сайта вообще позволяет это сделать.

Не забывайте вам еще вот это художество еще и адаптивить.