worldheady

Наведу на мысль: https://jsfiddle.net/ro4Lgqud/
Что изучать:
- свойство border
- флексы
- псевдокласс :hover
- множественные box-shadow
- transition для плавности
- z-index
- инструменты разработчика в браузере, чтобы посмотреть как это сделано у других (открываются по F12 или Ctrl+Shift+i)

Откройте инструменты разработчика и посмотрите.
в данном случае у вас селектор .post p имеет margin: 20px 0;

Поставьте ему margin 10px 0 20px например