#3 Верстка сайта по шаблону для начинающих | Верстаем вместе | Сайт ресторана - Блок Истории

Привет, друг!

Это новая тематика на канале - Верстаем вместе, где ты точно так же можешь повторять за мной шаг за шагом каждое действие, чтобы набраться опыта и в будущем верстать все более сложные сайты!

В этом видео я показывай шаг за шагом процесс создания сайта, на этот раз это сайт ресторана. Это только одно из множества видео, дальше будет окончательная верстка, адаптация под мобильные устройства и загрузка на хостинг. То есть мы пройдем вместе весь путь создания сайта. А чтобы не пропустить новые части подпишись!

Все ссылки:

Социальные сети:

Поддержать канал:

Не забудь подписаться!

[astorkot]

В 9:40 card-titel - "display: flex" поменяйте на "text-align: center" и будут пробелы между слов! Странно, что автор не обратил на это внимание(
Всем Добра!

[Goaltogolf]

Друг, спасибо что ты делаешь такой крутой контент, ты очень сильно помагаешь начинаюшим програмистам.Хочу пожелать тебе успехов и чтобы с каждым проектом тебе становилось легче.Удачи

[kiria-froot]

Спасибо большое за уроки, ты очень хорошо объясняешь!

[НурсултанКомекбаев-бд]

Классно что таких ребят много но больше всего мне понравился твой канал все четко обьесняшь и более понятно и ты топ

[КоньПедальный-ив]

Спасибо твоему каналу, посмотрел, узнал много фишек для себя ♥

[justcat]

Привет! Классная серия обучалок. Единственное, по моему слишком сложно придумал с фотографиями)) можно было просто скачать целиком все три картинки как одну и вставить. Я так и сделала. Также насчет переноса слов "еда", "напитки", "Закуски", перед ними просто поставила <br> и они перенеслись.
В любому случае спасибо за контент! *cheers*

[maratkhachukov]

спасибо тебе большое начал учиться на твоих видео уроках сен-сей.

[rootadmins]

спасибо за уроки, класно обясняеш без всякой фигни (sass, less, gulp ) и.т.д, только чистый код, снимай еше серьезные уроки на тему верстка

[angryblog]

СПАСИБО ТЕБЕ ОГРОМНОЕ. ИЗ ВСЕХ, МНОЙ ПРОСМОТРЕННЫХ ВИДЕО, ТЫ ЛУЧШЕ ВСЕХ ОБЪЯСНЯЕШЬ. ПОДРОБНО, ПОНЯТНО И СОВЕРШЕННО НЕ СКУЧНО. Я БЫ ЕЩЁ ПОСМОТРЕЛ ПРО JAVA В ТВОЁМ ИСПОЛНЕНИИ. ЕЩЁ РАЗ СПАСИБО ЗА ТВОЙ ТРУД

[illialadyha]

Хорошо-сделанный макет, в целом спасибо, я бы конечно по бему использовал, делал бы через ул меню и баттоны, вместо ссылок поставил бы .Но визитка такая на практике —очень популярна, поэтому ещё раз спасибо.

[dm_nechaev]

Я иначе сделал, сделал блоки левой и правой стороны, им указал 40 и 60 %, в левом добавил див с двумя дивами, их и настраивал, а нижние цифры с количеством плашек выровнял по центу, сделав пустые дивы с 10% и space between.

Так как-то динамичнее получилось, и нет никаких хардкоженных значений

[powered]

Спасибо большое Илья, надеюсь вы продолжите ваши уроки повышая уровень сложности, включая, scss javacript

[klirmio]

1) в CSS селекторами называется то что ты таргетишь с помощью ., #, []и тд а не свойства сами, они называются properties
2) у тебя весь сайт построен на дивах, нету ни <section>, <p>, <h> и тд просто одни дивы

[ТАРАСГАВРИЛОВ-пы]

то, что нужно -по-єтапная разработка супер

[stargames]

Лучше качество Еды;
Надо поставить ( br )
Качество нашей <br> Еды отменное!

[wanderer]

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

[darklowlight]

Лично я обрезал картинку редактором(первую), всё получилось как в макете.

[челизтт-ид]

<span>(пробел)еда<span> так можно отступ задать, то есть через пробел?

[apyuk]

В общем, когда сохраняю картинку на 0:40, то у меня просто коричневый квадрат. Пробовал другие скачивать, пробовал скачивать и из шаблона для адаптива - ничего не помогло.
В чем проблема?

[enoughart]

11:42 - когда history-title span делали, то на видосе никаких отступов не добавляли, а потом магическим образом появилось margin-left: 2px; Можно больше так не делать, пожалуйста? Понятно что мелочь и в принципе можно увидеть самому, но всё же хочется прям фулл процесс увидеть