HamSter:
Или посмотри на официальный сайт www.adidas.ru/. Думаю его верстали те, у кого практика не 0:))
Я писал им месяца 3 назад, они большую половину поправили. Но ты возьми порезайзи браузер, покликай по слайдеру, посмотри как все съезжает. Зайди на мобильную версию открой навигацию, посмотри как все дергается, поиск нажми...он с трудом вываливается))
Думаю зная теорию и что от чего зависит, таких ошибок не было бы.
HamSter: А я думаю иначе. Это связано с вопросами на тостере.
Смотришь вопрос, херня херней... Смотришь на подписку автора "Ниндзя фронт-энда, опыт 2 года". И сразу понимаешь что человек вообще полный 0, но верстает, главное чтобы было все на месте.
Пример: HTML+CSS Как вернуть на место кнопку? - смотри правильный ответ, только он не правильный)
и подписку автора ответа.
А со знаем теории думаю таких ОТВЕТОВ не будет и сверстано намного качественней.
И на приеме на работу всегда нужно смотреть портфолио.
Вы бы разобрались в чем причина. Ответ не правильный, хоть и работает:)
input{
display:inline-block;
}
нужно input'ам добавить
{
vertical-align:top;
}
и у текстового импута есть margin-top:14px; этот же отступ нужно добавить и кнопке
Какую же Вы дичь втираете)
По вашей логике:
- если контейнер 1000px и у него внутри два вложенных по 50%, то они по 500px каждый
- а если контейнер растянуть на 15px (1030px станет), то эти вложенные контейнеры не растянуться? останутся по 500px? Они по 50% !!!!!!!!!! Не фиксированная ширина, 50%!
и я смотрю, код у вас правильный)) велосипедить точно вы не будете, только кнопки вылезут из контейнера codepen.io/STutukov/pen/EKvMvg
Почитайте литературу, чтобы понять для чего нужен класс row)) понятно что он растягивает контейнер.
Линии debug находятся на 50%, следовательно они сдвинуты.
Пример: блок 100x100 и если рисовать линии в 1px с дебагом в 50%, то по горизонтали будет линия на 51px, по вертикали тоже на 51px. Линии надо ровно сначала провести)
Мб .icon{
Position:absolute;
Top:50%;
Margin-top:-3px;
Left:50%;
Margin-left:-5.5px;
}
Надо делать чтобы всегда работало))
Вижу что добавили
#loop-109 {
width: 100%;
}, но! Как я говорил, у этого блока пересчитывается иногда ширина, поэтому не всегда срабатывается width:100%;
#loop-109 {
width: 100%!important;
} - поможет
Или посмотри на официальный сайт www.adidas.ru/. Думаю его верстали те, у кого практика не 0:))
Я писал им месяца 3 назад, они большую половину поправили. Но ты возьми порезайзи браузер, покликай по слайдеру, посмотри как все съезжает. Зайди на мобильную версию открой навигацию, посмотри как все дергается, поиск нажми...он с трудом вываливается))
Думаю зная теорию и что от чего зависит, таких ошибок не было бы.