Макет

[Nemesis]

Добрый день я вот только осваиваю верстку, начал делать данный макет и меня интересует левый блок там где чемоданчик и вертикальный текс, я его выровнял падингом и центровал line-height ом (сам левый блок"Белый" и правый "Blow" сделал флексом)

Какие методы более правильные в данной задаче

[klierik]

18 минут назад, Nemesis сказал:

Какие методы более правильные в данной задаче

Здравствуйте.

А в чём суть вопроса? Какой ожидается результат?

[Nemesis]

суть в том что я использовал падинг и line-height для выравнивания текста и картинку подвинул с помощью падингов , я считаю что это не лучший вариант решения данной задачи , поэтому и спрашиваю у более опытных верстальщиков как "правильно"

Хочу научиться верстать а не "говнокодить"

[klierik]

Выложите код в песочницу

[Nemesis]

песочница это ресурс на котором вы могли бы посмотреть код ?)

.left {
    background: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 122px;
    overflow: hidden;
}

.dirtbag {
    padding-top: 400px;
    padding-left: 39px;
}

p {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    line-height: 121px;
       font-size: 25px;
       padding-bottom: 400px;
   }
 

[klierik]

2 минуты назад, Nemesis сказал:

песочница это ресурс на котором вы могли бы посмотреть код ?)

Да.

Цитата

Примеры
Выкладывайте свой код в качестве готового примера, используя среду веб-разработки в браузере: jsfiddle.net, codepen.io, cssdeck.com, pastebin.com. Результат вставляйте как iframe. Это позволит сразу увидеть результат и код, легче и быстрей понять как работает код и в чём проблема.

 

[Nemesis]

еще не разобрался как это сделать