Вопрос №55792 от пользователя Ольга Халеева в испытании «Гистограмма»

Ольга Халеева

Ревью - https://ru.hexlet.io/code_reviews/421687

Никита, здравствуйте. Посмотрите, пожалуйста, в чем проблема неверных расстояний между годами: в неправильной расстановке relative/absolute, где-то забыла flex или еще что-то? Их можно отредактировать отступами, но ведь в чем-то же проблема...

Про квадратики знаю, их легко добавлю после правильной расстановки столбцов. Черновую сетку оставила специально, по ней удобно положение смотреть. Спасибо.

3 0

Nikita Mikhaylov

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

Такое могло пойти из-за чёткого определения left у этих значений. Почему значение именно такое? Попробуйте пойти более простым путём. Нам нужно, чтобы года располагались по центру всего .histogram-row. Подход с абсолютным позиционированием правильным, но попробуйте сделать так, чтобы блок с годом просто был на всю ширину этого tr, после чего текст внутри него можно спокойно отцентровать

0

Ольга Халеева

Никита, здравствуйте. Я немного не об этом спрашивала (неточно сформулировала). Если посмотреть на эталонную диаграмму, то между группами столбиков, отвечающих за год очень большое расстояние. Там, может, border-spacing задан или остался пустой столбец после смещения года вверх?

0

Nikita Mikhaylov

Если я правильно понял, то речь просто про сами секции с годами? Тогда гляньте в DevTools. Там вы увидите, что таблица сейчас не занимает всё доступное пространство, к тому же все такие секции у вас просто центруются относительно своего родителя. У вас за это отвечает свойство justify-content: center;

0

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

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

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

Даю согласие на обработку персональных данных, соглашаюсь с «Политикой конфиденциальности» и «Условиями оказания услуг»

Рекомендуемые программы

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

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