Lara B

Логика основана на гридах. Добавляются классы 'slim1, slim2, slim2, которые задают элементам определенное положение в сетке в правой части А у того, что слева добавляется класс 'active' .
Пример на codepen

Контейнер - это технический див, который выполняет 3 задачи:
1 Ограничивает контент по ширине
2 Выстраивает его по центру
3 Не дает контенту касаться краев экрана на моб версиях
Предлагаю не делать его резиновым, прописывая max-width , предлагаю делать его фиксированной ширины. Это позволит избежать проблем, если вы вкладываете блок с карточками в контейнер. Иначе ширину карточек тоже придется делать резиновой
Если в вашем макете дизайнер не задал свои значения для контейнера, то можно воспользоваться значениями, которые задает фреймворк bootstrap

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

По ховеру без js не получится . Что бы сделать по ховеру надо в один родит блок вложить и карточку и блок с описанием
Если такое сделать, то как-то сложно будет реализовать раскладку ту, что сделана сейчас
Если делать по клику, то это классические табы

попробуй задать у дива с картинкой псевдоэлемент after сделать его на 100% ширины, авсолютом расположить внизу, задать какую-то высоту(подобрать надо нужную) и бордер-радиус задать

работала в таком ключе в команде. Владелец аккаунта на bb создает репозиторий с рабочим проектом и создает ветку develop от ветки master дает приглашение к данному репозиторию членам команды, они скачивают к его себе . Лично я работала через приложение soursetree. Потом каждый у себя локально разворачивает проект (мы работали со сборкрй gulp) И создает от девелопа свою ветку в которой решает свою отдельную задачу.
По завершению работы отправляет свою ветку на репозиторий(создавая там одноименную ветку, это в принципе делает soursetree) Запрашивает пуллреквест, кто-то из команды проверяет его работу и либо отправляет на правки , либо, если все норм, мержт в девелоп, который на bb. Так же использовали Трелло, чтобы было видно, кто над чем работает и в какой стадии каждый процесс. Если надо что-то конкретно пояснить - то буду рада помочь

сначала надо получить значение ширины блока, а потом это значение уменьшить
https://codepen.io/Lareta/pen/LoNjZz