Ankhena, потому что ты задаешь потомкам ширину в процентах, которая работает относительно ширины родителя. Конечно оно пройдет мимо.
Нужно либо задавать фиксированную ширину потомкам: https://jsfiddle.net/9Lrnm4p1/
Либо задать ширину родителю (явно или относительно его родителя), а элементы внутри выравнивать относительно друг друга. Но тут и обычный флекс подойдет: https://jsfiddle.net/9Lrnm4p1/3/
Если мы работаем с относительными единицами, нам так или иначе придется задать что-то явно.
Denioo, "Да и что там в верстке знать? За неделю выучить основы, за месяц забить руку..." - это работает для стандартных лендосиков и только в теории. На практике у некоторых/многих людей возникает куча проблем с банальной стилизацией и вопросы типа "почему у меня элементы не выравниваются в одну строчку?" - не редкость 0_о
Что уж говорить о более сложных вещах, адаптации например. Или подключении плагинов и написании простейших скриптов. А есть еще анимации, верстка интерфейса, писем, оптимизация и автоматизация работы. Всякие галпы, вебпаки и прочие чертилы. Качественная верстка вместе с сопутствующими навыками требует времени и опыта, которого у фронтендера может не быть. Потому большие компании нанимают одного или нескольких верстальщиков и отделяют их от фронтендеров. Да и в мелких студиях их можно найти.
Однако от правды открещиваться глупо - и вы правы, на верстальщиков спрос меньше. К тому же, найти чистого, девственного и не запятнанного фронтендом верстака практически невозможно :) так что в js пускай и не с головой, но по пояс прыгнуть точно придется.
А подписка на htmlacademy дешёвая и своих денег стоит. За 500 рублей получить кучу важной инфы в структурированном виде с испытаниями, экзаменами и прочей шелупонью - для новичка бесценно.
Дмитрий Бурухин, не слушай агрессивных дядек, лично знаю человека, который только версткой больше 100к рублей в месяц зарабатывает. Разумеется, ему очень повезло, далеко не каждая компания может позволить себе такого сотрудника, но верстка (а особенно фронтенд!) - далеко не вымирающее направление.
Из материалов могу посоветовать следующее:
- купи месячную подписку на htmlacademy и пройди все доступные курсы;
- канал WebDesign Master - лично мне очень нравится и подача, и сам материал, который не очень-то простой. Обязательно глянь последний Джедай верстки;
- ГУГЛ! В разработке постоянно происходит какая-то дичь, и тебе 100% придётся гуглить проблему.
P.S. Когда дойдёшь до флексов, обязательно загугли flex-grow и flex-basis. Разберись в них тщательно и кайфани от всей мощи флексов)
P.P.S. Пожалуйста подкиньте заказиков молодому, бедному, но амбициозному верстальщику(((
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.