John106

Если вам по центру нужно сделать с помощью position: absolute, то я думаю такой вариант будет намного лучше: https://jsfiddle.net/wm5uk9w6/1/

Вот так вам нужно?

Я думаю что так будет намного лучше: https://jsfiddle.net/6bthsqdr/6/

Да, действительно это не работало потому что я не указал meta viewport (как-то из головы выпало). Теперь все работает как и хотел. Спасибо за отклик.

Вот как работает этот код который в песочнице в браузере Firefox: Скриншот 1 Скриншот 2 А в браузере Chrome не работает: Скриншот 1 Скриншот 2, хотя когда я делал примеры по верстке Flexbox все в Chrome работало, а когда начал сам делать уже нет. Тут должно без JS работать. Должны на мобильных экранах все эти элементы быть друг над другом, еще раз повторюсь что в Chrome в режиме адаптива не работает, а в Firefox в этом режиме работает.

Что никто не знает как исправить эту проблему?

Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)

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

Как-то так: https://jsfiddle.net/30g214ru/1/

Понял, спасибо

То есть если я захочу использовать Media Queries, то лучше не верстать сайт на FlexBox, я так понял?

У меня такой вопрос: Если я сверстал сайт на FlexBox, стоит вообще использовать медиа запросы? Или использования FlexBox достаточно для адаптива?

А, блин, не углядел.

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

1. Не заметил что обрезаются при уменьшении экрана. Какую минимальную ширину ему указать? А то я пробую что-то у меня не получается. 3. Когда следующий шаблон буду верстать, буду называть классы более информативно. 4. Хорошо, исправлю. 5. С псевдоэлементами еще не сильно знаком, подскажите какой там лучше использовать? Я даже как-то не подумал что можно было этим тегом воспользоваться. Просто не знал как по центру его сделать вот и прописал такой отступ. И да, спасибо за вашу критику.

Держи

Оцените первую мою верстку сайта. Верстал без JS, жду адекватной аргументированной критике по коду. Вот ссылка на верстку Макет по которому я верстал:

Можете подсказать с чего лучше всего начать учить front-end разработку? Буду очень благодарен вам.