Сверстать макет чата

Добрый день

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

https://www.brightscout.com/wp-content/uploads/2018/02/Concept-Showcase-1024x768.png

scss + html

без скриптов и фреймворков (это будет использоваться как прототип)

для колонок, использовать врапперы на которых будет указываться ширина (потом верстка будет перенесена в нашу сетку)