Вопрос №56008 от пользователя . . в уроке «Колонки», курс «Основы вёрстки контента»

. .

https://ru.hexlet.io/code_reviews/424302 Не понимаю как можно исправить. Недочеты видно при сравнении скриншотов, но что бы я не делала, становилось только хуже :)) Все проблемы начинаются с фиолетовой рамки, вторая фотография слишком высоко стоит, надписи не на своих местах.

Expected image to match or be a close match to snapshot but was 13.202483675373134% different from snapshot

7 0

Nikita Mikhaylov

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

Вглядитесь. Основная проблема в ненужном переносе внутри представления участников. Вспомните теорию из этого урока. В разделе «Перенос колонок» рассказывалось, как контролировать такие переносы

0

. .

Я смотрела. Но там они мало расписаны. Я попробовала, но результат улучшился только на 3% https://ru.hexlet.io/code_reviews/424302

0

Nikita Mikhaylov

Осталось то всего пара моментов:

  1. У элементов внутри applicants очень много свойств про колонки. А они правда там нужны? К чему нам например указание, что заголовок разбивается на две колонки?
  2. Блок с Карякиным двигается наверх, становясь на один уровень с заголовком. Мы этого не хотим. Нужно сделать так, чтобы заголовок занимал все доступные ему колонки.
0

. .

Если честно, по теории я так и не поняла каким способом воспользоваться чтобы это исправить. Я написала моё любимое <br> и всё прошло :)))

0

Nikita Mikhaylov

В теории был такой раздел, как «Добавление контента в несколько колонок». В этом разделе описывалось свойство column-span. Вам удалось с ним разобраться?

0

. .

Я его добавляла, но результат не менялся.

0

Nikita Mikhaylov

Сделайте код-ревью с тем решением, которое у вас сейчас последнее

0

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

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

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

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

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

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

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