Что не так с блоком?

Question

[Kadzi]

Вообщем, вот фрагмент текстового блока, как он выглядит на 1170:



(тут верстальщик пометил в красной рамке текст и спросил как это делать)
На планшетной версии, блок я сделал так:



Что я не вкурил? Почему так нельзя ( или можно) было делать, в чем трабл?
+я пользовался сеткой бутстрап, скачанной, ширина сетки со всеми отступами в планшетном варианте была 764px, на что верстальщик написал, что ширина конкретно вот тут должна быть 768px:



Почему конкретно 768? почему другие сетки в инете имеют ширину 750? В чем проблема сверстать как на второй картинке при сетке 764?

Answer 1

[Максим Тимофеев]

Как по мне обычный grid, например на bootstrap это будет примерно так: col-xs-12 col-lg-6
Можно и ручками через медиазапросы сделать. Не вижу проблем.
Возможно Вы что-то не договариваете?

Comments

[Kadzi]

вот такой нюанс : заголовок делался не как растягивающийся текстовый блок, а как просто текст, с ручными переносами. Собственно как и весь текст на скриншоте. В чем же проблема на одном разрешении сделать в 3 строчки, а на планшетном в 2 строчки ( если делать заголовок как текстовый блок растягивающийся в 2, то висит союз "и") поэтому пришлось делать его вручную. Я просто может не вкурил, но что мне ответить ему на такое "невозможно"?

[Максим Тимофеев]

Kadzi, если там переносы сделаны через <br> то это проблема. И тут только костыли не простые на js писать. А зачем там ручной перенос сделан? Что за глупость?
Как вариант сделать два блока с разными переносами и видимостью на том или ином расширении. Но это адская ересь, проще избавиться от переносов или использовать <wbr> и <nobr>

[Kadzi]

Максим Тимофеев, А как делаются вот такие переносы слов по слогам?



Текст растягивается, переносы пропадают. Вот ссылка на пример

Это в макете каким образом показывать? Просто делать пометку для верстальщика, что мол вот, при таком разрешении экрана, слова должны переноситься по слогам, или как?

[Максим Тимофеев]

Kadzi,
А почему бы не открыть код сайта по ссылке и посмотреть как сделано? Там есть ­ это мягкий перенос

[Kadzi]

Максим Тимофеев, понял спасибо, разметку начал изучать буквально на днях, поэтому плаваю по многим вопросам. Посоветуете сайт, где есть все возможные теги для текста с примерами?

[Максим Тимофеев]

Kadzi, ну это не тег и половина верстальщиков его в глаза не видели, так что тут можете себя не упрекать.
Сайты-справочники:
https://www.w3schools.com/
htmlbook.ru