Максим

А так работает ?

На обычно свг в ручном режиме не сложно сделать, чуть чуть почитать документацию и понять что в векторном формате всё имеет абсолютное позиционирование

Почитайте о display: table

Ну вы на фрилансе так и пишите тех задание как видите..
"Я хочу что бы сделали то и другое и бюджет расчитан такой" и всё

Пишите обычным русским языком, обязательно найдётся исполнитель пусть не профи но сделает

Фулстак это термин и не более но говорит об уровне специалиста, он может взять проект с дизайна и самостоятельно его запустить в "жизнь" без посторонней помощи но возможно с помощью какрйто справочной информации.

Я может быть не прав, но фулстак это от 0 до выхода в сеть приложения.

Начали Вы и окончили Вы...

Кнопки то сделать не проблема: https://codepen.io/topicstarter/pen/wvYggPM
Далее в эти item добавить иконки и хоть на js хоть через тег <a> дать ссылку на активную страницу через параметр share ну и всё собственно ..

Ну если к примеру мы захотим выделить текст каким то цветом .. ни весь а к примеру какие то отдельные слова . это просто удобнее сделать не блочным тегом а именно строчным, к примеру как: https://codepen.io/topicstarter/pen/oNazwQX и нам для этого не надо писать кучу css что бы сделать параграф внутри параграфа инлайновым ... Вообще тег<p> это обычный параграф и не более того который без css работает как div в отличии от span который по сути тот же div только строчный но оба 'несут за под капотом' строки,текст

Типа такого ?
1) https://codepen.io/alvarotrigo/pen/NWyqRvq
2) https://codepen.io/vixxofsweden/pen/xxGGYOE

Чуть доработать и всё будет в ёлочку: https://codepen.io/topicstarter/pen/LYJBZbY

Из всего кода что у вас есть нужно только вот это: https://codepen.io/topicstarter/pen/NWLzLKe