Фронтенд остаётся одним из самых понятных способов зайти в IT в 2026 году.
Порог входа здесь ниже, чем во многих других направлениях: уже на старте можно быстро увидеть результат своей работы и собрать базовое портфолио. Но без фундамента всё равно никуда — на собеседованиях часто проверяют не только JavaScript, но и вёрстку, особенно понимание
Если разбирать базу последовательно, вход в профессию становится заметно проще.
#фронтенд #flexbox #IT
Порог входа здесь ниже, чем во многих других направлениях: уже на старте можно быстро увидеть результат своей работы и собрать базовое портфолио. Но без фундамента всё равно никуда — на собеседованиях часто проверяют не только JavaScript, но и вёрстку, особенно понимание
flexbox.Если разбирать базу последовательно, вход в профессию становится заметно проще.
#фронтенд #flexbox #IT
❤2
Как сделать
Частая ошибка — ставить футер через
Проще и надёжнее решить это на flex:
Дальше достаточно для
#css #flexbox #frontend
sticky footer без layout-багов?Частая ошибка — ставить футер через
position: fixed; bottom: 0;. На практике он нередко перекрывает контент и особенно неприятно ведёт себя на мобильных.Проще и надёжнее решить это на flex:
body {
display: flex;
flex-direction: column;
min-height: 100dvh;
}Дальше достаточно для
footer задать margin-top: auto; — и он сам уйдёт к нижней границе страницы, забрав всё свободное место сверху. Такой подход не требует JS и лишних расчётов. Как и в уходе, где важна база, а не маскировка симптомов — кстати, похожий подход часто разбирают в канале про кожу, уход и косметологию.#css #flexbox #frontend
CSS Flexbox за 19 минут — быстрый способ разобраться с гибкими макетами
Flexbox — это набор инструментов, который позволяет собирать сложные и адаптивные раскладки буквально за минуты. То, на что в классическом CSS уходила куча времени и костылей с float, здесь решается парой свойств.
За 20 минут разбираются основы: как устроен flex-контейнер, зачем он нужен и как применять его на практике — выравнивание элементов, распределение пространства, направление осей.
Отличная точка входа, если хочется наконец перестать бороться с версткой и делать её осознанно.
Пробуй сразу открыть DevTools и повторять примеры — так запоминается быстрее всего.
Рёв моторов и запах жжёной резины — залетай на канал для тех, кто живёт скоростью и заездами.
#CSS #Flexbox #верстка
Flexbox — это набор инструментов, который позволяет собирать сложные и адаптивные раскладки буквально за минуты. То, на что в классическом CSS уходила куча времени и костылей с float, здесь решается парой свойств.
За 20 минут разбираются основы: как устроен flex-контейнер, зачем он нужен и как применять его на практике — выравнивание элементов, распределение пространства, направление осей.
Отличная точка входа, если хочется наконец перестать бороться с версткой и делать её осознанно.
Пробуй сразу открыть DevTools и повторять примеры — так запоминается быстрее всего.
Рёв моторов и запах жжёной резины — залетай на канал для тех, кто живёт скоростью и заездами.
#CSS #Flexbox #верстка