Двигаем недвижимое 😜

В Геткурсе все элементы довольно гибко настраивают своё местоположение в блоке. Но существуют такие блоки, где поменять элементы местами не предоставляется возможным. Один из таких блоков – это блок "Картинка - подзаголовок - заголовок - текст", иначе говоря "Карточки".

Поделюсь с вами полезным лайфхаком, если вам по дизайну нужно изменить порядок элементов в них:

1) Для начала включим флексбокс у контента и приведём в исходный вид элементы:
.lt-tsr-content {
display: flex;
flex-direction: column;
}

2) Теперь мы можем выстраивать порядок элементов как нам нужно с помощью свойства order. Чем меньше значение свойства order, тем главнее элемент. Проще всего это сравнить с последовательностью чисел: 1 — первый, 2 — второй, 3 — третий и т.д.

Всего в контенте этой карточки несколько классов: image-card, subheader, header, description и button (если был выбран такой же блок, но с кнопкой).

На скриншоте к посту я выдвинул заголовок выше картинки, вместе с подзаголовком. Сделано это так:
.header {
order: 1;
}

.image-card {
order: 2;
}

.description {
order: 3;
}

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

#лайфхак

Друзья, вот и подходит к концу этот непростой 2021 год. Во всю несётся к нам 2022! 🎄

Год был действительно не простым, но и много всего хорошего случилось в нём. Например, был основан данный канал, который набрал уже больше 1500+ подписчиков 😉

Я хотел сделать полезный канал, который давал бы техническим специалистам новые знания и нестандартные преображения и решения. Людям, которым интересно делать не просто стандартные настройки Геткурса (настройки аккаунта, дефолтные блоки, и т.д.), а сделать всё по-своему и красиво 👍
И вот, получился такой канал, с вашей помощью 😉

Мне стали очень часто писать в личные сообщения по поводу моих уроков в Клубе Магии Геткурса, в частности то, как я вообще всё это придумываю, делаю. Как я вообще понимаю весь тот код, который я пишу, и где этому научиться? То есть сформировалась проблема, что людям интересно и самим творить подобные вещи. И это реально вдохновляюще и очень круто!

Поэтому стал мыслить шире, и подумал, что я могу поделиться всеми знаниями, которыми владею я сам. Таким образом, в этом же 2021 году в августе, я основал клуб Train-IT, где с радостью делюсь своими знаниями с вами в своей манере обучения, рассказывая сложные вещи простыми словами 😉 Клуб ещё достаточно молодой, но уже насчитывает аж 44 резидента!

Уроки продолжат выходить в Клубе после новогодних праздников, сейчас нужно перевести дух и немного отдохнуть. А после новогодних праздников вас ждёт много чего интересного)

Подводя итоги:
Для меня год вышел продуктивным. Я вырос над самим собой. И стараюсь делиться своими знаниями, чтобы вы росли вместе со мной 😉 Появился прекрасный канал, который ценят технические специалисты. Появился мой собственный клуб, который потихоньку растёт, где люди углублённо изучают код и уже применяют эти знания на многих платформах, не только на Геткурсе 😊

Я очень рад, что мы сформировали такое крутое сообщество. И я хочу пожелать вам в наступающем Новом Году благополучия, финансовых успехов. И ещё несколько главных вещей: здоровья и роста над самим собой! Не бойтесь расти, не бойтесь пробивать стены, которые кажутся вам непреодолимыми. Я сломал такую стену и не собираюсь на этом останавливаться 😉

Я желаю вам счастливого 2022 года! Ура! 🥳

Друзья, всем привет 👋
Надеюсь, первая рабочая неделя после праздников у вас проходит продуктивно и хорошо 👌

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

Я хочу провести эксклюзивный стрим в рамках своего клуба Train IT, где я буду собирать один из выбранных вами макетов лендинга на платформе Геткурс. На стриме я буду давать огромное количество знаний, покажу вам фишки, которые я использую при вёрстке, много секретов, как делать сложные элементы и общаться, конечно же, с вами в открытом формате😉

Поскольку стрим будет давать просто целый клад знаний, я планирую сделать участие в нём за символическую цену (500-990 р.) и данный эксклюзивный стрим останется у вас в кабинете моего клуба с доступом навсегда🔥😎

Вы сможете пересматривать и применять те крутые фишки и знания кода, которые я вам покажу 🥳

Трансляцию планирую провести к концу января. Придёте ко мне на стрим? 😇 Пишите в комментарии)

Всем отличных выходных 😉
А кому-то ещё и продуктивного трудового дня. Я с вами 😁

Почти доделал лендинг с возможностью записи на мой стрим, выложу сюда на канал в понедельник)

Стрим планирую провести 26 января (среда), а вот со временем проведения пока не определился, делать днём или вечером. Поэтому опрос сделаю ниже этого поста 😌

Хочу напомнить, что даже если у вас не получается прийти на стрим и посмотреть его вживую, покупая участие на стриме, после его проведения запись останется у вас в личном кабинете клуба Train IT навсегда! 🥳

Всем привет, друзья! И бодрых сил вам на всю неделю 😉

Вот и пошла жара! Я доделал лендинг своего стрима. Записаться на стрим можно здесь:

💥👉 https://train-it.ru/frying-layouts 👈💥

В данный момент действует льготная цена всю неделю! В понедельник 24 января цена повысится!

"Прожарка 🔥 макетов" — это первый в своём цикле стрим, для которого вы выбираете один из макетов, который в последствии мы с вами будем верстать в прямом эфире 😁

По итогам голосования с небольшим перевесом проголосовали за старт стрима 26 января в 16:00. Хочу напомнить ещё раз: даже если у вас не получается поучаствовать на стриме в живую, покупая участие на стриме, запись останется с вами навсегда в личном кабинете клуба Train IT 🔥

Опрос по времени закрываю. Но открываю новый 😉 А именно теперь вам предстоит выбрать макет, который мы будем "прожаривать" на стриме😁

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

Голосование по выбору макета продлится до пятницы включительно (21 января 23:59).

Всем тем, кто оплатил участие — ссылку на трансляцию я опубликую на этом же канале, и дополнительно вам будет выслана на почту в день трансляции 😉