Капитан Какао

1. Родительскому блоку с обводкой делаем position: relative.
2. Кнопке делаем position: absolute и bottom: 0
3. И в родителе делаем нижний отступ под кнопку, что бы если контента будет много он не залазил под кнопку.

Вот пример для наглядности

Вот на флексах

В.header-item ul нужно добавить margin-top: 16px;

А всё, разобрался сам, нужно всё это дело ещё раз обернуть в фигурные скобки и добавить к переменной $, вдруг кому пригодиться

<div className={`${st.nav} df fdc`}>

</div>

word-wrap: break-word;

Фу, разобрался, нужно было сбросить значение Clip Start

В общем не знаю что как, но переход с HDMI на Pord Display решил проблему

Вот так: https://jsfiddle.net/oaL5nvtx/1/

Вот так - смотреть демо

Вот так - смотреть демо

Парни, пока нашёл вот такое решение. Да, придётся потом конвертить PSD в PDF для печати, но это тоже автоматизируется экшеном.

https://www.youtube.com/watch?v=QEOwDLzTagc

Нашёл сам, плагин называется "growlscript" (Brackets CSS Class Code hint)

Нашёл, если кому понадобиться)
https://jsfiddle.net/3mp7Ltr9/6/

Уже разобрался сам, если вдруг кому понадобиться вот: https://jsfiddle.net/7z3gyxaL/53/

Если вы хотите сделать из SVG картинку и вызывать его чрез тег img, необходимо в тег SVG вставить атрибут xmlns="http://www.w3.org/2000/svg"

На выходе должно получить так

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="32" viewBox="0 0 42 32">
<path d="M17 32h19c0.345 0 0.665-0.178 0.848-0.47l5-8c0.287-0.459 0.157-1.062-0.293-1.362l-3-2c-0.425-0.284-0.996-0.201-1.323 0.192l-3.232 3.878v-15.238c0-0.552-0.448-1-1-1h-4c-0.552 0-1 0.448-1 1v6.219l-11.243 2.811c-0.445 0.111-0.757 0.511-0.757 0.97v12c0 0.552 0.448 1 1 1zM35.446 30h-17.446v-10.219l2-0.5v5.719c0 0.552 0.448 1 1 1s1-0.448 1-1v-6.219l2-0.5v4.719c0 0.552 0.448 1 1 1s1-0.448 1-1v-5.219l2-0.5v7.719c0 0.552 0.448 1 1 1s1-0.448 1-1v-15h2v17c0 0.421 0.264 0.797 0.66 0.94s0.839 0.023 1.109-0.3l4.425-5.31 1.444 0.963-4.192 6.707z" fill="#444444"></path>
<path d="M24.001 13.876c0.164 0 0.331-0.040 0.484-0.126 0.483-0.268 0.657-0.877 0.389-1.36-0.572-1.031-0.875-2.203-0.875-3.391 0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.187-0.302 2.36-0.874 3.391-0.268 0.483-0.094 1.092 0.389 1.36s1.092 0.094 1.36-0.389c0.736-1.327 1.126-2.835 1.126-4.361 0-4.963-4.037-9-9-9s-9 4.037-9 9c0 1.526 0.389 3.034 1.126 4.361 0.183 0.329 0.524 0.515 0.875 0.515z" fill="#444444"></path>
<path d="M1 8l7-7v5h12v4h-12v5z" fill="#444444"></path>
</svg>

Демо: https://jsfiddle.net/pqLcfrt2/1/

Пожалуйста: https://jsfiddle.net/RadCor/nwzya542/