Как правильно разбить php на колонки?

Question

[lorab]

Здравствуйте,

Вставив нужный мне код php в файл (description.php из плагина woocommerce) дочерней темы, и задав структуру:

<div class="col-discr-parent">
<div class="col-discr-1"> тут php </div>
<div class="col-discr-2"> тут php </div>
<div class="col-discr-3"> тут php </div>
<div class="col-discr-4"> тут php </div></div>

далее создан CSS:

.col-discr-parent { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; width: 100%; line-height: 1.6;}
.col-discr-1 { width: 25%; text-align: left; }
.col-discr-2 { width: 25%; text-align: left; }
.col-discr-3 { width: 25%; text-align: left; }
.col-discr-4 { width: 25%; text-align: right; }

Содержание таба не делится ровно по 25%, я имею ввиду, что ширина содержимого col-discr-parent делится на 4 колонки, но эти колонки все разного размера.

Подскажите пожалуйста, что я делаю не так?
спасибо за помощь

Comments

[vlog]

Попробуйте проверить, не перекрываются ли Ваши стили другими стилями. Возможно, для блоков установлено что-то по типу width: max-content;.
Проверить можно нажав правой кнопкой на Ваш элемент и выбрав "Исследовать элемент". Вам нужно найти созданный Вами класс и проверить, не зачеркнуто ли свойство width.

Возможно, Ваша проблема в этом.

Answer 1

[vlog]

Представленный код отображается как нужно. Вам следует поискать противоречия в уже существующих стилях.

Comments

[lorab]

найдено спасибо :)