Верстка сайта из PSD с нуля. Как сделать верстку сайта. Правильная верстка сайта. №4

Верстка сайта из PSD с нуля и до конца. Как сделать верстку сайта. Правильная верстка сайта. №4.
Материалы стрима / materialy-strima-30928326
Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
Instagram: / freelancer.lifestyle
Facebook: / freelancerlifestyle
Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
«Фрилансер по жизни». Живи, а работай в свободное время! ©

[@Sward66]

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

[@mr.ewgenius3166]

Смотрел все уроки до этой домашки, открыл и удивился. Откуда столько появилось? Будто где-то с десяток уроков пропустил...Как?, Откуда?...До этого всё было очень даже понятно, а тут такое, как-то не поэтапно что ли получается(

[@user-kz5go4mp8w]

Жека, спасибо. Твои мастер-классы несут огромную пользу. Не останавливайся 👍

[@FreelancerLifeStyle]

Я рад!

[@akhmad_goytinski]

Спасибо Вам за огромный и бесценный труд в развитие сообщества людей, который несёт огромную пользу.👍

[@user-lq1ty8su7s]

Как всегда, на высшем уровне! Понятно Доступно Качественно Спасибо!

[@FreelancerLifeStyle]

Спасибо большое!

[@user-lb4xg6jf6j]

Спасибо. Очень полезно! И спасибо что детально комментируешь свои действия при создании верстки.

[@FreelancerLifeStyle]

Пожалуйста)

[@user-cl2hp7wz5t]

Спасибо за ваш труд, после просмотра сразу же принялся верстать этот макет, используя все практики из видео очень полезно, еще раз спасибо

[@maxblack8186]

Плюсы: 1. Интересные макеты 2. Не скучные стримы 3. Чуство умора P.S. Продолжайте в том же духе и побольше вам хорошего настроения )

[@FreelancerLifeStyle]

Спасибо большое!

[@user-qm1wg6ex6n]

Привет Женя, учусь по твоим видосам, продолжай в том же духе)

[@FreelancerLifeStyle]

Спасибо! Продолжаю! 👍

[@Tiikiirus]

Женя, спасибо Тебе за твои труды! Очень большой вклад делаешь в развитие сообщества людей, которые хотят развиваться в данном направлении! Очень интересно Тебя смотреть!) p/s "Работая живи" , тоже не плохо сказано :)

[@FreelancerLifeStyle]

Спасибо!

[@user-wy1qd5oi3v]

Отлично прошел стрим! Интересно, полезно и вкусно )

[@FreelancerLifeStyle]

Спасибо! 👍

[@alexrhino8646]

Спасибо большое за данный урок!

[@FreelancerLifeStyle]

Пожалуйста!

[@user-bw8eh1dm9t]

Я как-то пропустил этот твой стрим. А вчера столкнулся с проблемой "фильтрации" и ребята в чате подсказали, где искать. Инфа зашла на ура! Ещё раз спасибо тебе за труды и годный контент!

[@FreelancerLifeStyle]

Пожалуйста!

[@aleksey7386]

Шаблон для Sublime огонь! За видео лайк! Спасибо за интересные уроки!

[@FreelancerLifeStyle]

Спасибо! 🤟🔥

[@uk-lych_sveta]

Евгений, как обычно гений + остроумный коучер!!! К сожалению на стрим не успел, но посмотрел в записи, действительно "Фосо". Будь здоров!!!

[@no_way_back813]

Как всегда, твой урок - Бомбическое фосо)

[@FreelancerLifeStyle]

Спасибо!))

[@dENI-fe3ci]

@@FreelancerLifeStyle Нодьон фосо)

[@user-bv4dh6jh6l]

Спасибо старания! Материал полезный)

[@FreelancerLifeStyle]

Пожалуйста! 👍

[@queenstars2112]

Женя, классный видео урок по вёрстке! Класс!!! Like*1000 Tab

[@FreelancerLifeStyle]

Спасибо!

[@maxonchik222]

Привет, Жека ты как всегда на высоте!Продолжай делать видосы поддержу тебя на patreon!

[@FreelancerLifeStyle]

Спасибо!

[@programming4781]

Блин, после таких видосов прямо жестко прокачиваешься, побольше бы таких)

[@FreelancerLifeStyle]

Я рад! Будут!

[@mila4308]

спасибо огромное за такой труд! обожаю ваши обучалки :)

[@Oreo_Raccoon]

вам удалось найти макет?

[@mila4308]

@@Oreo_Raccoon на патреоне он должен быть думаю)

[@user-pk3eu6su6w]

Отличная подача материала!

[@user-yi9gy4cz7n]

Спасибо за стрим!

[@FreelancerLifeStyle]

Пожалуйста!

[@user-oo3mf1py4z]

Невероятно полезный урок!!!

[@user-kv1ou6nu2m]

Жека, дякую тобі за верстку цього макету! Я, нарешті, додивився))) Це було не одразу: паузи, перемотка, паузи, перемотка))) Дуже інформативно і, як завжди, цікаво! Дякую за прекрасний настрій та веселий гумор.

[@MegaTesei]

Пожелания и комментарии: Данный макет вводится в обучение на уроках по БЭМ, соответственно следует использовать в построении сайта те технологии и приёмы, которые были изучены до данного урока включительно. В построении же данного макета вы используете те знания, что не были изучены студентами и процесс не может послужить грамотным примером использования полученных знаний. Необходимо постепенно увеличивать сложность практических работ рассматриваемых на практике вёрстки. Вы говорили о том, что лучше иметь твёрдые знания основ, чем гнаться за увеличением объёма получаемой информации. Это видео могло быть более полезно обучающимся, если бы выпуски соответствовали уровню знаний студентов.

[@danielluko7635]

Тоже ужаснулся, практика не соответствует изученным темам, нету строгого объяснения из чего состоит сайт и по каким блокам его разбивать, нету никакой мотивации верстать особенно длинные сайты ибо поддержки от автора никакой

[@777KoroL777]

От части согласен, тоже открыл увидел флексы, и шапка HTML вообще другая в отличии от урока по БЭМ. В общем отложил данный видос, трудно мне после урока по БЭМ сразу это все воспринять. Потом все вертски буду смотреть, как весь материал пройду.

[@ksuit_ru_girl6660]

СоГласна! Как будто год пропустила и половина непонятна, стартовый шаблон..что это где как....флексы...мы их еще не изучали..жалко( так хотелось сверстать макет

[@cadenfood444]

Как вариант можно посмотреть и закрепить знания по БЭМ. После просмотра флесов и т.д пересмотреть снова. Повторить БЭМ и закрепить знания про флексы.

[@legytype140]

да вы о*****? Вам он что-то должен?Человек для вас стараеться,а вам еще не нравиться.Идите учите сами флексы,практикуйтесь,а не ждите пока для вас сделают.Так можно постареть и нихрена не научиться

[@Ivan-yg9dh]

Ух... дааа, стартовий шаблон дійсно крутий... Але для мене як початківця, він чимось схожий на Bootstrap, для того хто не знає CSS… Можна навчитись його використовувати, не знаючи як це реалізовано)))))) Твій контент чудовий! Підтримую на patreon, не ради того щоб використовувати шаблон, але щоб зрозуміти як в ньому все реалізовано, в плані коду) Дякую Женя! Не зупиняйся!

[@arcadiibabici7655]

Жека ты Крут, спасибо!!! Мира вам!!!

[@konstantinreut2577]

Огромное вам спасибо, Женя, за этот стрим! Реально крутые знания даете и великолепно все объясняете! Жаль, что не могу поддержать ваш канал(Партеон не дает мне этого сделать. Удаляют мой аккаунт по каким-то непонятным причинам). Буду еще пробовать)

[@dovuret2191]

Спасибо большое)))

[@user-ek4bo5wl6w]

Видос бомбический! Молодец)))

[@FreelancerLifeStyle]

Уже меньше конечно, но поддерживать иногда приходится.

[@Medulla_oblongata01]

Чувствую свой прогресс, помню первый шаблон primeone - верстал 4 дня, пропуская адаптив, сейчас уже за день могу такую страничку сверстать. Теперь сначала сам делаю твой шаблон, потом смотрю, как ты это реализовал. Вижу, что путей реализации шаблона уйма. Спасибо тебе! Надеюсь найду работу в России рано или поздно.

[@DmitryAvrov]

Как успехи?

[@Medulla_oblongata01]

@@DmitryAvrov все хорошо, сейчас на стадии js

[@MegaTesei]

Фильтрация - супер. Похоже, что создана на jquery. Сейчас прохожу курс по JS не хватает такой практики на "чистом" коде.

[@nf1322]

Как всегда контент годный и интересный) Лайк! Самое время начучиться фронту а не сидеть только с бэком))

[@FreelancerLifeStyle]

СПасибо!

[@DavitAve]

За flex-и отдельный респект!)

[@user-wf4np1ne2c]

верстаю этот макет и в шоке. у тебя всё так просто получается, и понятно почему, опыт)) надеюсь и я к такому прийду))

[@FreelancerLifeStyle]

Конечно, все дело в практике!

[@soya-untara.9434]

Супер!

[@sheraabdurakhmanov9631]

Прекрасно!!!!!!!!!

[@LarinDodge]

Привет, как всегда на высоте! На фоне темного Sublime режет глаз белая консоль разработчика в хроме. Ее можно тоже сделать темной и будет Бомба Пушка Ракета))))

[@exka]

Кстати, иногда будет полезно делать декор (линию под тайтлом) с помощью тэга :after так: &:after{content:’’;display:block;height:2px;width:105px;margin:35px auto 0; background-color:white;} И ещё full size страницу лучше делать с помощью min-height:100vh; (как из видео про full-size). Также можно убрать несколько лишних свойств или вообще переделать некоторые блоки, также наверное лучше картинку full-size сделать position:absolute; а не fixed

[@user-ob9tq6qc1b]

Уважаю тебя мужик💪

[@maksimkorobiy3239]

Здравствуйте, спасибо за обучающий видеоролик. Подскажите кога будет следующий стрим или видео?)

[@FreelancerLifeStyle]

Подпишись на канал и телеграм t.me/freelancer_lifestyle. И сразу узнаешь о выходе нового видоса!

[@V1adimir__Krutikov]

Большое спасибо автору канала за то, что он думает о нас и показывает даже такие мелочи, чтобы все было как надо. Хотел бы услышать от Вас, насколько практично, для того, чтобы не мучаться попадать на бегающую стрелку, применить к ней что-то вроде &::before { content: ""; display: block; position: absolute; width: 50px; height: 50px; left: -50%; top: -150%; margin: 0px 0px 0px -8.5px; } или есть другие способы для этого. Заранее благодарен. С уважением, В.К.)))

[@zmeygorynych5684]

Да Жек "лохматить бабушку" не хотелось бы))) Ору с фразы, ахахах

[@zmeygorynych5684]

Видосы по верстке, конечно, очень прокачивают) Начал делать в месте с тобой, параллельно для реализации фильтра и модальных окон в другие твои видосы залез, класс) Однозначно лайк)

[@wvvwersus]

Я таки его сделала) Без адаптива правда (пока не умею) без джса (аналогично, не лезла ещё в ту степь), за несколько дней, но получилось) Первый мой "полноценный" макет

[@HA_CTPIME]

Крутяк!

[@sergeyandreev6854]

Очень ФОССО!!!

[@FreelancerLifeStyle]

Ахах, супер!

[@user-id6qw8wn2g]

Пришел из урока по БЭМ , делал все уроки по порядку. Оттуда решил верстку этого макета посмотреть. Делал все в точности как Жэка. В итоге потратив 2часа и убившись, почему у меня фулскрин не получается, понял, что все дело в ibg, который здесь подгружается импортом из другого scss, но не объясняется ни здесь, ни в уроке по БЭМ. Мда... рассинхрон конечно получился. Хоть бы комментах написал и закрепил, что вот так вот, не теряйтесь!

[@the_maximum7049]

Здоров із мункача)) Орнув коли учув за Закарпаття😂😂😂

[@FreelancerLifeStyle]

Здоров! ))

[@vasil-vasil]

Зашол лайкнуть)

[@FreelancerLifeStyle]

Спасибо! 👍🤟

[@maxfatyanov7096]

Vasil Khlud зашёл*

[@ntbgaming5630]

Лайк как всегда! Есть один вопрос по поводу картинок, может было об этом в видео про изображения, но я не заметил. Что скажешь про object-fit? Это вроде-бы что-то похожее на background, но для img. Используешь такое? или ibg все- таки надежнее? Спасибо за ответ!

[@FreelancerLifeStyle]

Все тут kzbin.info/www/bejne/pIXXppx4jbCjbpo

[@ntbgaming5630]

@@FreelancerLifeStyle Спасибо, пересмотрю. Просто вопросы возникают после того, когда уже пересмотрел и не всё в голове висит :)

[@kovalevok]

Изучаю avocode и верстку по твоим видео - может ты знаешь, что вместо квадратика для измерения расстояния можно выделить элемент нажать alt и указать на другой элемент и все расстояния avocode показывает автоматом - мне так показалось намного удобнее чем ловить пиксели

[@user-bx7ly2th3b]

28:50 я бы еще по max-height ограничил все же, чтобы на большом разрешении контент не разлетелся слишком уж далеко друг от друга

[@ukraine_son]

Женя, есть идея, ты говорил что не самое оптимальное решение можешь выбрать во время стрима 1:14:31 , так вот просьба, сделай видео где ты верстаешь макет и комментируешь свои действия и при этом думаешь над задачами как при боевом проекте (делаешь самые лучшие решения). Это было бы намного полезней стрима, так как будет больше знаний передано, да и плюс тебе меньше нервничать. И конечно спасибо за это видео!

[@FreelancerLifeStyle]

Пожалуйста! Такой формат конечно хорош, но смотреть как я сижу и думаю не очень интересно))

[@ukraine_son]

@@FreelancerLifeStyle Ну можно и не добавлять кадры мыслительного процесса, главное решить задачу идеально и понятно объяснить зачем это надо.

[@kom6395]

Просто жесть, какой дикий уровень профессионализма, неужели кто-то это понимает ещё... Очень грустно все для свитчеров, в какой-то мере недосягаемо поменять профессию на что-то из IT Говорили, что фронт в вебе самый легкий путь познать эту сферу, но теперь понимаю, что лукавили. Смотрится очень сложно Смотреть и слюнками обтекать...

[@Semen_aqw]

все не так как кажется))) посмотри курс у жени и все будет ок ) дальше больше

[@igork.3575]

Привет Женя, подскажи плз, почему для отображения блока на весь экран ты не использовал height: 100vh ?

[@FreelancerLifeStyle]

Просто нет такой привычки, будет урок по единицам там все расскажу

[@user-xs7xe5kj3t]

Видео как всегда на высоте. Стартовый шаблон - просто огонь (ни разу не пожалел что стал патроном). Жека, скажи пож про фантомные отступы. Спс.

[@FreelancerLifeStyle]

Спасибо. Отступы которые ты не задавал, а они есть)

[@MrRider61]

замечательный стрим! спасибо! подскажите в чем сейчас работают с макетами?

[@user-yi9gy4cz7n]

Спасибо за мастер класс! Ещё смотрю и второй раз за занятие возникает вопрос: зачем для псевдоэлемента :after ты делаешь отрицательный margin слева если можно отцентрировать left 46% например? в чем разница?

[@drino955jug3]

тем что проценты нужно долго подбирать и это не удобно гараздо легче сделать left: 50%; и просто margin-left: -(width блока/2);

[@user-et7jc3mf7k]

Женя, большое спасибо за этот стрим. Смотрел и пошагово сам набирал код, разбираясь в нем. Так лучше откладывается в голове. И в конце решил проверить верстку во многих браузерах. В IE11 mainblock не на всю ширину и картинка в этом блоке не отображается. Плюс табы не работают в блоке портфолио. Что в данном случае можно что бы заработало в IE11? P.S. Проверял еще в мозиле, опере, едже. Там просто загляденье. В сафари толком не могу проверить, т.к. для винды есть версия 5.17, где флексы плохо работают

[@user-nh3gn8tx5o]

Почему проходжу курс по плейлисту - все понятно, отдельно делаю вроде получается, а как только перехожу на стрим - офигеваю от того что ничего не понятно, какие-то преднастройки, о которых не говорилось на курсе, как-то не понятно верстаются элементы (по другому). Где я что упустил?

[@volodymyryablinskyi7700]

у меня вопрос. не будет ли функция ibg заставлять картинку загружаться второй лишний раз? не будет ли это плохо для оптимизации?

[@user-vd7mp8qi6x]

это не лень когда мало движений,просто хорошая логика сократить количество действий

[@julliabullet816]

Привет! Спасибо за видео и за то, что не лохматишь бабушку! Подскажи, пожалуйста, а куда девается серая часть изображения на главном экране? Если выгружаю из шаблона изображение, сверху серая полоса, которая потом не хочет прятаться.(

[@aleksandr.filatov]

Оооочень сложно на даном этапе обучения и с нынешними знаниями, но все равно круто, сразу видишь что впереди еще "лес гремучий")

[@puldirection3190]

Дядь Жень, а где снипеты найти, как у тебя? Очень удобные они.

[@klyausmyaus1608]

Добрый день. Есть ли у Вас в свободном доступе, все элементы (исходные данные по этому макету), что бы таким как я попробовать проделать всё то же и самое самим?!

[@user-oz8xb2fj9u]

Женя, скажи пожалуйста, почему блок .mainblock__content у тебя не внутри блока .container?

[@russellwest8775]

Спасибо за урок, когда JS? Когда back-end?)

[@Oreo_Raccoon]

вам удалось найти макет?

[@vadimsib3378]

А есть какая то разница при верстке меню ставить отступы для li{} или для a.menu__link? Просто ты во многих видео ставишь отступы между пунктами меню не для , а для

[@FreelancerLifeStyle]

Я привык ставить отстпы для конструкций а не для контента (содержимого). Это делает верстку гибче и надежнее.

[@alexritf4235]

По звуку. Сам микрофон отличный. Охватывает весь диапазон. Но есть но: шум от клавиатуры ну очень хорошо слышно. Периодически слышны низкие частоты от стола (то ли кисть по столу, то ли нажатие на пробел).

[@FreelancerLifeStyle]

Ясно, спасибо! Буду исправлять!

[@vadimsib3378]

Женя, вначале видео ты пытался сделать на первом экране отступы в процентах, но это не срабатывало. И собственно вопрос почему не использовал vh? Допустим отступ от кнопки не 10%, а 10vh? Просто из головы вылетело на тот момент или при использовании vh есть какие-то минусы хитрые?

[@FreelancerLifeStyle]

На тот момент я не был уверен в достаточной кроссбраузерности vh. Может по этому он и не прижился у меня в прошлом. Но я буду делать выпуск по единицам все изучу и расскажу)

[@elwvin]

🔥

[@romanown1361]

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

[@FreelancerLifeStyle]

Для макетов kzbin.info/www/bejne/g6CbnmuJjMRrfpI Для кода kzbin.info/www/bejne/g6CbnmuJjMRrfpI Или kzbin.info/www/bejne/g6CbnmuJjMRrfpI

[@romanown1361]

@@FreelancerLifeStyle спасибо. я так и видел, но думал, что ошибаюсь.

[@user-vp5hu8om9b5]

👍👍👍)

[@FreelancerLifeStyle]

Спасибо!

[@user-qd6dn4fc3t]

Привіт! Дякую за відео! Є питання: чи доречно замість негативного відступу поставити gap між колонками?

[@user-bx7ly2th3b]

я подвесил animation top 0 -> 20 (3 повтора) на стрелочку + при наведении на кнопку срелочка так же получает top: 20 (transition: top .1s ease) если ничего не добавлять, то top 20 при наведении на кнопку игнорируется, покуда не закончится animation если добавить, чтобы при наведении на кнопку стрелочка получала animation: none; то при наведении происходит резкий дерг на top: 20 и далее все работает плавно (при отведении/наведении курсора) и как такие ситуации обрабатывать? как из animation перейти в transition без рывков?

[@polinakojuh3494]

Все прекрасно, но при масштабировании окна браузера содержимое фуллскринового блока не скроллится. Ни min-height, ни overflow не спасли, не могу понять, в чем проблема :(

[@mariia7044]

подскажите пожалуйста, в чем может быть проблема если в фильтре при нажатии на ALL (1) все картинки не возвращаются, при этом 2,3,4 меняются, а вернуть все нельзя, код написан верно, в консоль 1 тоже выводит. Галерею делала через fancybox, может это как то влияет?

[@masterLordJs]

Евгений привет поддерживаю все те коменты что говорят о тебе только хорошее так как ты и впрвду круто все обьясняешь в данном стриме в самом начале ты светишь файл в котором у тебя всякие плюшки обнуляющий там же и многое другое как можно и где можно взять данный файл плизззз прохожу твой бесплатный курс по вёрстке я ввосторге все круто так держать.

[@FreelancerLifeStyle]

Спасибо! Результат верстки можно скачать став подписчиком на патреоне, ссылка в описании

[@masterLordJs]

@@FreelancerLifeStyle Жень ок попробую эт сделать)) надеялся что так прокатит))) на вахте в тундре сейчас прохожу курс твой найду инет получше жайду посмотрю как там канал поддержать и скачать тот архив)))

[@jonimonik6575]

Блин вставляю функцию ibg из моего стартового шаблона и она сделает чудеса. А есть видео про стартовый шаблон?

[@infarkt4717]

Подписку на патреоне оформи за два доллара или доллар и тебе будет доступно

[@user-ed2pn1eg2p]

Мож просто прописать стили в HTML, не понимаю зачем такие костели)

[@user-ig4ox5mu7l]

Здравствуйте, Евгений, подскажите пожалуйста, как вы настроили перенос классов в scss? Через плагин Tag? Или через плагин ecsstractor?

[@FreelancerLifeStyle]

ecsstractor

[@user-ig4ox5mu7l]

@@FreelancerLifeStyle не подскажите, как можно его настроить, чтобы скопированные стили не открывались в новой вкладке ?

[@user-bh8us9oc3o]

Блин вообще запутался ... до этого момента смотря видео с курсом и используя VS code еще как то справлялся сейчас пробую повторить со стартовым шаблоном и началась каша . есть ли смысл пытаться повторить что то на VS code или вообще не заморачиваться и просто смотреть дальше видео в уроках ?

[@user-fu2cv9xl7p]

Женя, а обязательно использовать uppercase если твой текст всё-равно написан с большой буквы?

[@FreelancerLifeStyle]

Да, так как потом текст может смениться.

[@user-fu2cv9xl7p]

@@FreelancerLifeStyle кстати да, не подумал об этом, спасибо;)

[@romanchernov20]

Zer fosso mister jeka

[@mirzomuminsobirjonov1104]

Привет Жека. Извиняюсь за беспокойство хотел спросить. При фиксировании фулскриновой картинки она накрывает всю оболочку .wrapper, в чем ошибка? Почему она не фиксируется относительно родителя хотя я установил position: relative?

[@FreelancerLifeStyle]

position: fixed; фиксируется относительно body всегда

[@j-lewis]

Хех, 200 лайков, да там уже 13 тысяч! 😃

[@FreelancerLifeStyle]

Ага)

[@webdevelopment5337]

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

[@FreelancerLifeStyle]

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

[@user-eu5jy2hc4u]

👍👍👍

[@grygoriigronsky]

Я так розумію що тут не лише те що ми вивчали.

[@bogdanvosk]

Здравствуйте, ролик очень полезный, но как можно найти сам макет, верстаемый в видео?

[@FreelancerLifeStyle]

Под этим видео kzbin.info/www/bejne/fprLioSMqq1parc

[@bogdanvosk]

@@FreelancerLifeStyle Большое спасибо

[@user-om4pm2wk2w]

Жека подскажи пожалуйста где взять твой стартовый шаблон?

[@Variont13]

Только подписка на патреон...

[@rmanmaik9868]

привет, такой вопрос по поводу картинок, sass и prepros). Смотри если с такой иерархией папок где в SCSS и в основном CSS не совпадают пути к папке img в SCSS ("../../img/.."), a в CSS("../img/...") и вопрос как грамотно эт устаканить? или я где-то лоханулся? спасбо) контент топ)

[@FreelancerLifeStyle]

После подключения картинки нужно изменить путь

[@pervevgeniy]

А как сделать блок который будет занимать всю высоту экрана внутри блока занимающего всю высоту экрана?)) Звучит странно понимаю, попытаюсь объяснить...Допустим у нас есть один блок который занимает всю высоту экрана и внутри него есть к примеру несколько строк, так как сделать так чтобы одна из этих строк заполнила всю оставшуюся высоту?

[@elenkarnaeva2458]

Фоссо!!

[@alexanderkameo4809]

Пытался донатить на патреоне, заблокировали аккаунт за "подозрительную активность". Жаль, контент классный. Хотел получить доступ к плюшкам. Видимо, не судьба

[@FreelancerLifeStyle]

Хм, там бывает глючит сервис( Нужно пробовать писать в поддержку

[@user-lt5sj7pb6b]

Где можно этот макет скачать? На патреоне?

[@wvvwersus]

Сложный макет как для новичка. Попробовала сделать после флексов, повторяя, но не вышло, тк и JS нужен и не понятно что там в стартовом шаблоне задано. А без фулскрина оно не работает. То есть я могу и сейчас сделать, просто ограничив размер окна и там или отступами рассортировать или флексами коробочек понаделать, но это не то будет, не адаптивно. Вернусь значит к этому макету попозже)

[@Qwertyqwerty-tq3we]

1:51:13 Boooom!😂

[@max8mad]

Привет у меня вопрос как в VS code настроить такой же синтаксис выгрузки scsss?просты ты сказал что у тебя это настроено или оно само так выгружает??

[@Variont13]

Посмотрите его уроки по настройке vs code. Там есть расширение ecsstraktor.