Вопрос №58169 от пользователя Валерий С в уроке «Формы», курс «Основы вёрстки контента»

Валерий С

Здравствуйте, не могу пройти задание. Ревью.

8 0

Валерий С

"Все дочерние элементы внутри класса form-input должны иметь блочное отображение"

Вообще не понял: в каком предыдущем уроке был материал про блочное отображение и что это такое? Вы, когда даете задание, хотя бы сказали пару слов о том, что там требуется и как это сделать на уроке. Опять же про селектор * - нигде, ни слова не было сказано. Я конечно не крутой верстальщик, но имею какой-то мало-мальский опыт в построении сайтов, и то не всегда понимаю, что и как требуется сделать. А эти ваши занятия, как я понял, рассчитаны на людей вообще с нуля.

1

Nikita Mikhaylov

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

Про свойство display было немного в курсе «Основы современной вёрстки», как и про то, что такое блочные или строчные элементы и в чём особенности их поведения. Я добавлю в описании этого упражнения ссылку в качестве подсказки. Спасибо!

Опять же про селектор * - нигде, ни слова не было сказано

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

А по заданию: основная проблема в отступах между полями формы. Если вы взглянете на скриншот, который получается после проверки, то заметите, что в эталоне отступы больше, чем получаются в вашем решении. Это связано с тем, где именно находится класс mb-2. Подумайте, в чём будет различие между текущим решением, и тем, если повесить этот класс рядом с form-input. А главное — почему будет различие

0

Валерий С

Про свойство display было немного в курсе «Основы современной вёрстки»

Курс Основы современной вёрстки идет в самом конце блока Курсы HTML и CSS (верстка), а текущий курс в начале. Вам не кажется странным ссылаться на конец в самом начале?

Мы много разбирали селекторы

Что-то я не припомню, где это было. Не могли бы дать ссылку.

По-заданию. Если повесить класс mb-2 рядом с form-input, то у меня отступы вообще исчезают: новое ревью.

0

Nikita Mikhaylov

Курс Основы современной вёрстки идет в самом конце блока Курсы HTML и CSS (верстка), а текущий курс в начале. Вам не кажется странным ссылаться на конец в самом начале?

Курсы, которые находятся на странице со всеми курсами следуют не в хронологическом порядке для прохождения. Там просто находятся все курсы, из которых можно выбрать нужный. У нас есть профессии, в том числе «Верстальщик» где соблюдается полная последовательность курсов именно в том порядке, в котором имел в виду автор. То же самое касается и других направлений.

По-заданию. Если повесить класс mb-2 рядом с form-input, то у меня отступы вообще исчезают

Здесь вы уже используете span в качестве обёртки, что немного подламывает весь макет. Отступы такие исчезают так как span — строчный элемент. Сделайте его блочным, например заменив span на div

1

Валерий С

Т.е. судя по этой странице https://prnt.sc/1vuk3tv, я не на тот курс изначально зашел и надо было начать с курса Основы современной вёрстки, а затем переходить к текущему Основы вёрстки контента и далее по списку: CSS: Позиционирование CSS: Основы Flex Основы командной строки Введение в Git и т.д., правильно вас понимаю?

0

Валерий С

Nikita Mikhaylov, по заданию, теперь не проходит последний отступ между textarea и чекбоксом. Он почему-то получается шире 1.5em. И также напрягает, что приходится использовать !important, чтобы ширина коммента была 200px.

0

Валерий С

Тест прошел, но просто тупо подогнал результат. Посмотрел правильное решение. Не, ну такого мы точно не проходили: display: block; и работа с селекторами .form-input > *

.form-input input,
.form-input textarea 

Может стоит исправить порядок курсов на странице https://ru.hexlet.io/categories/html/courses Я ориентировался на неё, но там порядок не для прохождения последовательно с нуля.

1

Nikita Mikhaylov

Может стоит исправить порядок курсов на странице

Да, обсудим это, чтобы порядок на странице не вводил в заблуждение. Спасибо!

0

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

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

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

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

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

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

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