Вопрос №82895 от пользователя Иван Иващенко в испытании «Гистограмма»

Иван Иващенко

Добрый день, 6 часов просидел, в итоге совсем запутался читая комментарии, в итоге часть с гистограммами, свойствами, совсем удалил, завтра начну по-новой. https://ru.hexlet.io/code_reviews/883630 Подскажите пожалуйста, почему не работает выравнивание по центру если .histogram-header делаю флексом... И HTML верстка гистограмм на правильном пути? Спасибо

2 0

Nikita Mikhaylov

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

В основном по вёрстке всё нормально. Я бы не стал усложнять блоки th. Пусть там будет только название, а квадртики сделайте через псевдоэлементы.

Подскажите пожалуйста, почему не работает выравнивание по центру если .histogram-header делаю флексом

Дело в ширине таблицы. Она берётся по контенту внутри, а нужно её сделать на всю доступную ширину. Используйте свойство width

0

Иван Иващенко

Никита, спасибо, ...вчера еще 6 часов просидел, опять застрял, написал очередную мольбу о помощи, потом подумал, и удалил топик. Решил что раз уж тупой, тогда и нечего мучать людей=) в итоге 3-ий день, свежая голова, сканирование обсуждений по третьему кругу, ииии 13,5 часов.... решил, вроде без подгонов и костылей. ЯНЕТУПОЙ!))) И не знаю, спойлер или нет, но самое сложное мне было догадаться что свойства флексов в "-row" (кроме самого определения флекса) не нужно проставлять, играйтесь со свойствами в некотором другом дочернем классе. Иначе я не мог передать материнскую ширину для процентов колонок. Надеюсь кому-то сохраню этой подсказкой 8 часов жизни). И да, читайте обсуждение, ВСЯ информация для решения там есть!

1

Используйте Хекслет по-максимуму!

  • Задавайте вопросы по уроку
  • Проверяйте знания в квизах
  • Проходите практику прямо в браузере
  • Отслеживайте свой прогресс

Зарегистрируйтесь или войдите в свой аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
с нуля
Разработка фронтенд-компонентов для веб-приложений
9 февраля 10 месяцев
Иконка программы Онлайн-буткемп. Фронтенд-разработчик
Профессия
Новый с нуля
Интенсивное обучение профессии в режиме полного дня
9 февраля 4 месяца
Иконка программы Python-разработчик
Профессия
с нуля
Разработка веб-приложений на Django
9 февраля 10 месяцев
Иконка программы Java-разработчик
Профессия
с нуля
Разработка приложений на языке Java
9 февраля 10 месяцев
Иконка программы PHP-разработчик
Профессия
с нуля
Разработка веб-приложений на Laravel
9 февраля 10 месяцев
Иконка программы Инженер по тестированию
Профессия
с нуля
Ручное тестирование веб-приложений
9 февраля 4 месяца
Иконка программы Node.js-разработчик
Профессия
с нуля
Разработка бэкенд-компонентов для веб-приложений
9 февраля 10 месяцев
Иконка программы Fullstack-разработчик
Профессия
с нуля
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
9 февраля 16 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
c опытом
Создание веб-приложений со скоростью света
9 февраля 5 месяцев
Иконка программы Верстальщик
Профессия
с нуля
Верстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Аналитик данных
Профессия
В разработке с нуля
Сбор, анализ и интерпретация данных
16 марта 8 месяцев