Как убрать белые линии сверху и снизу меню?

Сергей Кореневский, не поняла идею, зачем тут js для ссылок в меню.

Как убрать белые линии сверху и снизу меню?

Kvason, что они из себя представляют и так вполне понятно.

SeraphimaAkkerman эти линии это вылезающие отступы от заголовков. Гуглите "выпадение и схлопывание вертикальных margin" и воспользуйтесь любым из способов починки.

Но для начала хорошо бы почитать про семантику и не делать меню инпутами. Пункты меню это ссылки.
Сам заголовок "Меню" выглядит совсем странно. Зачем оно? И так очевидно, что это меню.
Про семантику верстки навигации есть прекрасное видео Вадима Макеева https://www.youtube.com/watch?v=y52rtbUeCac&list=P...

Кнопки (именно кнопки) удобнее делать тегами button, чем input. Легче стилизуются, можно внутрь складывать другие теги, текст не является значением. А input это просто устаревший вариант, когда тега button просто не существовало, оставлен для совместимости.

Как стилизовать родительский элемент, если input disabled?

Semantic.Moscow, начните, пожалуйста, с правил сервиса.
Думаю, что имеет смысл создать отдельный вопрос.

Как стилизовать родительский элемент, если input disabled?

Semantic.Moscow, да, потому что вы по кругу выдаете аргументы за один вариант, не признавая существование других.

Больше того, я написала, что мне тоже больше нравится лейбл после инпута, а не внутри.

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

Как сделать заполнение текста цветом при скролле?

notequal21, дело в том, что сейчас оно мало того, что выглядит как задание, так вы ещё и написали как будто то что есть, сделано вами.

Почему перестал компилироваться scss?

В 99% случаев дело в ошибке в вашем коде.

Какие нужны атрибуты, чтобы скрывать или показывать фотографии в JS?

Если именно атрибут, то hidden.
Но обычно удобнее манипулировать классами через classList.

Почему не работает компилятор gulp-sass в проекте?

Вытащите style.scss из папки blocks. Во-первых, потому что это не блок, во-вторых, потому что вы ищете его не в той папке.
Либо измените путь.

p.s. в style.scss лучше писать только импорты, а стили всё таки раскладывать по блокам.

Элементы смещаются вверх flexbox Safari, что можно сделать?

Сделайте песочницу с видимой проблемой на codepen.io потом позовите.

И есть шанс, что найдёте в чем дело, пока делаете.

Как сделать такой градиент?

bazliiii, скорее всего это несколько радиальных градиентов.
В Фигме они могут быть сделаны по-разному. В том числе и блюром к различным фигурам,не обязательно окружностям.

Вы можете использовать радиальные градиенты, фоновую svg или png. Или что-то ещё в зависимости от того, что там в макете и как оно должно вести себя при адаптиве.

Как стилизовать родительский элемент, если input disabled?

но если делаем что-то серьёзное

модальное окно с инпутом - это как раз избавляет от лишних тегов и JS

Ну да, в серьезных проектах мы модалки открываем CSS'ом.

Пожалуй, я пасс продолжать эту беседу. Извините.

Как стилизовать родительский элемент, если input disabled?

Semantic.Moscow,

т.е. остальные аргументы мы предпочтём проигнорировать?

Какие аргументы? Если у вас инпут "черти где" от лейбла и не может быть связан css селектором, то без JS вы задачу не решите.
Т.е. черти где ставить норм, а внутрь запихивать нельзя. Логика потерялась в этом месте.

Да, я тоже не люблю вкладывать input внутрь label, потому что располагать их в связке input+label получается во-первых, универсальнее, во-вторых, нет лишних пустых тегов, в-третьих, есть шанс, что тегов вообще будет меньше.

Но ваш-то вопрос был

разве инпут может быть в лейбле?

.

Объективный ответ на него: да, может.
MDN только, на всякий случай, говорит о том, что хорошо бы при этом всё равно связать их через id-for для читалок.

А дальше каждый или каждая команда решает как удобнее поступать в конкретных случаях.

Как стилизовать родительский элемент, если input disabled?

Semantic.Moscow,

дизайнер говорит, что при фокусе на инпуте лебл должен пропасть или измениться,

https://codepen.io/AnnaSummer/pen/ExEbmge
и т.д.

Как сверстать фон на сайте?

s19s93, background-image признак плохого тона? Дожили.

Вы можете:
1. Сделать повторяющийся радиальный градиент. Один для левой части, другой для правой.
2. Взять svg (внешним файлом или инлайном) и задать как фон.
3. Ещё легче взять png, если будут проблемы с первыми двумя.

Как сделать заполнение текста цветом при скролле?

Пробовал сделать так https://codepen.io/RAX7/pen/JjLJEpp

По-моему, так сделали за вас.

Как можно сделать адаптив без Flex или Grid?

А просто display table, без тега table? Это если к справедливости.

Я, правда, не уверена, что это понравится работодателю ))

Дима Паутов,

не знаю, как вы собрались верстать весь сайт через абсолюты

Ко мне как-то приходил на собеседование персонаж. Назвался фронтом. Сказал, что 4 года верстает только на абсолютах. Удивился почему все радуются флексам и гридам.

Почему исчезает текст?

bazliiii, я про неё говорила заменить на градиент.

Собственно, если она не нужна на мобилках и вы хотите продолжать использовать для неё псевдо, то можно убирать relative на мобилках (менять на static)

Почему исчезает текст?

bazliiii, это в codepen у вас была вертикальная полоска. Тут на скрине я её не вижу.

Как можно сделать адаптив без Flex или Grid?

Требования смешные, конечно.

Вам никто не мешает использовать препроцессор и потом отдать готовую папку с билдом. И никто и не узнает, был там препроцессор или нет.

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

Если эти варианты не подходят, то верстайте обычными инлайн блоками и @media. Ничего страшного.

Почему исчезает текст?

bazliiii, ну может, кому-то будет не лень делать за вас песочницу, причём так, чтобы проблема была видна.