Чтож, приветствую всех господ фронт-енд разработчиков и других. Сразу замечу, я хочу все попробовать реализовать без JS, потому просьба отвечать только на счет верстки. Итак, вопросов несколько:
1. Есть такой вот вид проекта.
Задача была в том, чтобы центрировать блок. Но вот в чем дилемма: если переполнять эту секцию списками вопросов, то все рушится. Показываю:
Из за центровки элемента, оно всегда растягивается равномерно - и вверх и вниз. И если нижняя часть показывается, т.к появлсяется скролл у документа, то верхняя просто уходит за верхнюю границу. Это, конечно, проблема. Ведь хотелось бы, чтобы от центра оно всегда тянулось только вниз. Реализуемо ли это? Я решил задачу следующим образом: просто добавил wrapper-у max-height 400px и overflow-y: auto. Но я до ужаса не люблю скроллы, потому есть ли какое то альтернативное решение без JS?
Ну и второй вопрос:
Когда наводишь на вопросы(h3), тег p, в котором лежит основной текст, с помощь hover задается max-height 200px/ И так же задан overflow-y: auto, чтобы был скрол при переполнении. По другому здесь так же не решается, т.к при переполнении мой блок едет не только вниз, но и вверх.
Средний
Средний
