Буква вместо картинки, как реализовать?

Проблема-то в чем?

Ну и это не "верстка".

Возможно ли так сделать?

Антон, это еще Как сделать такие градиенты?

Возможно ли так сделать?

Антон, спросите конкретнее, что именно не понятно
https://html5book.ru/css3-gradient/
css.yoksel.ru/css-patterns

Как реализовать резиновую верстку блока с метками доп. информации на картинке?

Абсолютным позиционированием.
Чтобы ничего не ехало, задавайте размеры и расстояния в процентах.

Calc() css как сначала вычесть, а потом разделить?

"Он слишком много знал... "

Аккордеон в верх?

1. При клике закрывайте все и открывайте нужный
2. Чтобы вверх - позиционируйте весь блок считая от нижнего края, например, bottom 0
(но могут быть нюансы)

Сделаете песочницу - поглядим.

В IE 11 не срабатывают margin top, bottom на flex-box?

Senseich,

вроде по методике бутстрапа так надо?

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

Я не всю статью поддерживаю, но прочитать имеет смысл: https://csswizardry.com/2012/11/code-smells-in-css/

В IE 11 не срабатывают margin top, bottom на flex-box?

Senseich,

ну импотанты в основном от бутстрапа, вроде никто ни жалуется на него

не буду комментировать

По поводу margin auto, в IE нужно всегда явно высоту и ширину задавать?

Вообще всюду надо, только некоторые браузеры догадываются что вам нужно.
Если родитель flex, то логичнее использовать align-items.

можно пример в коде

Можно.
1.

<div class="container my-auto">
<div class="row">

Один из них лишний. Да, я понимаю, что это бутстрапа радости на которые "никто не жалуется".

2. hr лишний

3. <h1><strong></strong></h1> strong лишний

4. <br> внутри strong'а тоже лишний

5. <div class="col-lg-8 mx-auto"> тоже сомнительной нужности.

В IE 11 не срабатывают margin top, bottom на flex-box?

Senseich,
В общем:
1. important
2. куча переопределений свойств
3. лишние обертки

В вашем проблемном месте: margin auto вместо свойств флексов, раз уж флекс все равно используется.

и тому подобное

В IE 11 не срабатывают margin top, bottom на flex-box?

Шепотом: ваш код это тихий ужас

Как переверстать часть сайта на нормальный код, если сайт на Adobe Muse?

Проще (умнее, быстрее, целесообразнее, чище код) перевестать

В каком месте могло съехать CSS?

Покажите сайт и то, как оно должно выглядеть по задумке

На чье лицо регистрировать сайт и домен?

Правильно на клиента. В вашем случае либо на организацию либо на родственника.
Вам ничего не мешает управлять доменом от его имени или заходить в панели управления с его логином и паролем.

Как сверстать такие кнопки с градиентом?

Вы уверены, что вторая кнопка с градиентом? Я - нет, но решение выше :)

Странности с CSS и слоями - почему так происходит?

Александр Попов,
:)

Как вытащить for у label?

http://jquery.page2page.ru/index.php5/Работа_с_атр...

Странности с CSS и слоями - почему так происходит?

Александр Попов, пустой разговор без примеров "хорошо работает" и "не понятно работает".

Странности с CSS и слоями - почему так происходит?

Александр Попов, тем более нет смысла использовать лишние элементы.

Странности с CSS и слоями - почему так происходит?

А вы что предлагаете, радиальный градиент с мгновенным переходом несколько раз (прозрачный - цвет обводки - снова прозрачный до конца)?

да
Но псевдоэлементы в данном случае целесообразнее.
Учить делать слайдер до изучения псевдоэлементов звучит не очень логично.

Странности с CSS и слоями - почему так происходит?

1. Вероятно, потому что изменилось позиционирование. Песочницу бы сделали, можно было бы обсудить.
И зачем лишняя обертка для dots ради увеличения размера? Во-первых, есть псевдоэлементы, во-вторых, есть радиальные градиенты, которые будут располагаться по центру блок любого размера (ну или не по центру, а туда куда зададите bg-position)

2. Почитайте https://habr.com/post/166435/