html-css

grid на данный момент поддерживается всеми современными браузерами в т.ч и моб
строю чисто на гридах
нет никаких проблем
какой смысл совмещать с чем то, если у грид все свойства, которые только можно придумать

код приложить нахрен нужно? пусть этим займутся экстрасенсы?

.container{display:grid; grid-template-columns:200px 1fr;}
.container > div:first-child{border-right:1px solid red;}
.container div div{display:grid;  align:items:center;}

оберните внутри дива текст в div

заголовку задайте position relative
а before задайте position:absolute

палку :D

:bofore{position:absolute; left:0; top:-15px; width:50px; height:2px; background:#666; content:"";}

как то так

а повторить какой то действующий сайт не судьба?

background-image: url(http://ollmet.wg3036.wg01.ru/images/bgs/slide-corte-laser.jpg)  top center no-repeat;

shpargalkablog.ru/2016/06/order.html