Text-align не работает при flrxbox-выравнивании?

Так ли это?

Не так. Точнее не так, как вам хочется.
span унаследовал свойство text-align https://jsfiddle.net/67qny2ou/

Флекс распределяет свои дочерние элементы и делает их блоками в явном или неявном виде. И даже просто текст становится таким элементом. Его ширина определяется шириной содержимого, если не задана в явном виде. Т.е. ширина = ширине самого текста, в вашем случае слова. На выравнивание там нет места.

Не отображаются svg заданные фоном в ie 11?

Для bg прогоняйте svg через конвертер https://websemantics.uk/tools/svg-to-background-im... или ручками заменяйте символы

В каких строках кода ошибка (html+css)?

В каких строках кода ошибка (html+css)?

Это показывают редакторы кода и валидатор. Если вы сами не в состоянии посчитать открывающие и закрывающие теги.
Использовать экспертов лучше в более интересных целях.

Какой вариант выбрать для верстки сайта с заданными элементами?

Арсений Матыцин, мысль не об этом была.

Какой вариант выбрать для верстки сайта с заданными элементами?

В итоге что-то на страницах сайта на flex-box, где-то position: relative , что-то position: fixed

Это нормально.

Я так понимаю, что это совсем не правильно и нужно придерживаться одного подхода.

Это не нормально :)

Если вам нужно сделать фиксированное меню, то за это отвечает именно fixed (sticky), а не flex. Flex тоже пригодится для выравнивания элементов меню.
Если вы использовали fixed, чтобы прибить меню, это не значит, что теперь все элементы на сайте должны быть фиксированными. Это же бред.

Разумно использовать тот инструмент или те свойства, которые подходят в конкретной ситуации.
В макете табличные данные - используйте table. Нужен тултип или выпадашка - абсолюты. Модалка - fixed.
И т.д.

Как отображать изображения на тестовом сайте, если они лежат на основном?

FanatPHP, абсолютный путь работает из любого места, где бы его не написали и начинается с протокола или //, если он неизвестен.

Путь начинающийся со / это путь относительно корня сайта. И именно потому что он относительный, а не абсолютный, он и не работает при переносе ссылки или пути к файлу (в данном случае к картинке) на другой домен.

Как отображать изображения на тестовом сайте, если они лежат на основном?

FanatPHP, <img src="/uploads/news/123.jpg"> это относительный.

Но я поддерживаю в том, что писать абсолютный это плохо.

Уменьшить отображаемый размер сайта?

authentic_person,

ну и в правду не сработало)

Отлично, что попробовали! Это правильный подход.

Уменьшить отображаемый размер сайта?

authentic_person,

Куда это необходимо вставить

В теории для body.
Но дело в том, что блоки которые должны быть на всю ширину страницы, например, с фонами или со слайдером будет обрезаны.
Слайдер в любом случае нужно поправлять, потому что на больших экранах он прибивается к левому краю, а весь сайт центрирован.

Я этот вариант написала, просто потому что он существует, но он плохой. Не надо так делать. Пользователю легче не станет, а браузеру будет хуже.
Если жалко денег на редизайн и переверстку, то не надо вообще его трогать. Разве что слайдер поправить.

Уменьшить отображаемый размер сайта?

authentic_person,

organica, почему Ankhena сказал что на десктопе не будет работать, можно подробнее?

главное, у нужного человека спрашивать ))))

Уменьшить отображаемый размер сайта?

organica, и как это должно на десктопе начать работать?

Как сделать данную тень?

Antonio09,
Эти варианты дадут результат как на скрине

background: #ececec linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)) no-repeat left center / 20px 100%;

background: #ececec linear-gradient(90deg, #e1e1e1, #ececec) no-repeat left center / 20px 100%;

Уменьшить отображаемый размер сайта?

Дикий вариант: transform: scale(0.8)

Правильный вариант: переверстать.

Как сделать данную тень?

Antonio09,

так, правильно понимаю?

Я не могу :)))) А что, похоже на макет?
Нет, конечно.
Вам нужен градиент из условно "серого" в прозрачный.
Вы пишете из серого в черный. Ну как так-то?
Вот так, если по логике того, что вы показываете в коде:

background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));

По виду, скорее 0.2, чем 0.4

Еще проще не парится с прозрачностями и наложением цветов, а просто тыкнуть пипеткой в макет.

Размер фона это background-size. Смотрите по макету. Если нужен, то фоновый цвет еще.

Как расшифровать index.php в Joomla?

Проще взять его из бэкапа или из архива нужной версии joomla.

Как сделать данную тень?

Antonio09, не нужно задавать прозрачность через opacity, пишу же.
Нужно учесть ее в цвете градиента. Не из черного, а из черного на 40%.
И размер градиента, нужно уменьшать, судя по скрину.

Как сделать данную тень?

Если от первого блока, то это тень.
Если от второго, то фоновый градиент.
Прозрачность при этом нужно указать в цвета (в rgba), а не блоку. Если указать блоку, то прозрачным будет он сам вместе с содержимым.

Как правильно использовать relative/absolute в css?

neulwert, изучайте flex и его свойство justify-content. Вас очень порадует.

Как правильно использовать relative/absolute в css?

neulwert,
https://jsfiddle.net/obz7pfvu/2/
Правда, не поняла затею с отступами у первого и последнего элементов списка. Почему у них он должен быть на 5px меньше. Ладно бы крайние отступы.

Как правильно использовать relative/absolute в css?

neulwert, Потому что height: 6%. А 6% от 0 это ноль. Блока просто не видно.

В этом примере вам вообще не нужен ни relative ни absolute.