Тихвин глазами неравнодушного жителя

Сицилия, 2019. Кастелламаре-дель-Гольфо, часть 2

Первая часть

С неба вдруг посыпалось что-то вроде мелкого дождика, а мы не взяли с собой наши плащики и чтобы не ежится под водяной пылью спрятались в одной из арок на улице, в названии которой есть слово «арка»

Туристам-велосипедистам все нипочем, они же в шлемах и на них вода не попадает...

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

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

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

Если не спускаться по ним, а пройти чуть правее, где видны кирпичные ступени, откроется вид на бухту,

куда можно спуститься по тем самым ступенькам, ведущим вниз. На стенах тут развешаны керамические таблички. И почти на каждой есть шестеренка — символ благотворительной организации Rotary International

Нужно сделать очередное фото «Тут была Оля...»

Вышли на набережную. В ресторанах пока пусто, зато у работника ресторана есть возможность съесть бутерброд, а мы пока сделаем очередной семейный портрет в витрине.

На Сицилии то и дело встречаются прекрасные старые автомобильчики. Посмотрите на этого красного малыша.

Марина тут не такая помпезная, как была, например, в Черногории. Нет огромных яхт русских денежных мешков, зато много рыбацких лодок. Крепость — самое левое здание на фото.

Снова небольшая машинка. Но уже более современный и дорогой кабриолет.

Еще один кабриолет. Этот, похоже, немного постарше

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

А вот и рыбацкая лодка

В то воскресенье, 6 октября, на набережной, что примостилась у подножья крепости, было как-то многолюдно. Что там происходило? Об этом шумном событии расскажу в следующей серии

Про обязательную маркировку

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

Картинка для привлечения внимания и тем, кто понимает, что это такое :-)

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

Есть у нас закон. Называется «Об основах государственного регулирования торговой деятельности в Российской Федерации». И там есть такой пункт (немного сокращенно и не обращайте внимания на клоачный русский язык, это же сами знаете кто сочинял):

  1. Правительство РФ осуществляет следующие полномочия в области государственного регулирования торговой деятельности:
    ...
    3.1) утверждение перечня отдельных товаров, подлежащих обязательной маркировке средствами идентификации, или критериев определения таких товаров, перечня групп хозяйствующих субъектов, осуществляющих маркировку отдельных товаров средствами идентификации по видам деятельности, правил маркировки товаров, подлежащих обязательной маркировке средствами идентификации...

Зачем нужна маркировка? И тут ответы могут сильно различаться в зависимости от группы товаров. Например, для алкогольной продукции ответ с некоторой натяжкой можно признать разумным: чтобы не продавали «водку» из технического спирта. Для лекарственных средств тоже есть вариант ответа: чтоб исключить подделки.

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

Утвержден распоряжением Правительства Российской Федерации от 28 апреля 2018 г. N 792-р

Перечень отдельных товаров, подлежащих обязательной маркировке средствами идентификации

Наименование группы товаров

Код ОКПД 2

Код ТН ВЭД ЕАЭС

Срок введения обязательной маркировки

1

Табачная продукция

12.00.11

2402

1 марта 2019 г.

2

Духи и туалетная вода

20.42.11

3303 00

1 декабря 2019 г.

3

Шины и покрышки пневматические резиновые новые

22.11.11, 22.11.12, 22.11.13, 22.11.14, 22.11.15, 22.11.20

4011

1 декабря 2019 г.

4

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

14.11.10

4203 10 000

1 декабря 2019 г.

5

Блузки, блузы и блузоны трикотажные машинного или ручного вязания, женские или для девочек

14.14.13

6106

1 декабря 2019 г.

6

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

14.13.21

6201

1 декабря 2019 г.

7

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

14.13.31

6202

1 декабря 2019 г.

8

Белье постельное, столовое, туалетное и кухонное

13.92.13, 13.92.14

6302

1 декабря 2019 г.

9

Обувные товары

15.20.11, 15.20.12, 15.20.13, 15.20.14, 15.20.21, 15.20.29, 15.20.31, 15.20.32, 32.30.12

6401, 6402, 6403, 6404, 6405

1 июля 2019 г.

10

Фотокамеры (кроме кинокамер), фотовспышки и лампы-вспышки

26.70.12, 26.70.14, 26.70.17, 26.70.19

9006

1 декабря 2019 г.

11

Молочная продукция

10.51.11, 10.51.12, 10.51.21, 10.51.22, 10.51.30, 10.51.40, 10.51.51, 10.51.52, 10.51.55, 10.51.56, 10.52.10 

0401, 0402, 0403, 0404, 0405, 0406, 2105 00, 2202 99 910 0, 2202 99 950 0, 2202 99 990 0

Срок введения обязательной маркировки будет определен по результатам эксперимента по маркировке средствами идентификации отдельных видов молочной продукции на территории РФ, проведение которого предусмотрено постановлением Правительства«>

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

Дальше еще интереснее. Как, например, можно фальсифицировать постельное, столовое туалетное и кухонное белье? Что такое, в разумении авторов списка, фальсифицированное кухонное полотенце? Им нельзя вытирать руки или посуду? Оно сделано из рубероида или старого линолеума? Ну так какой идиот купит такое «кухонное полотенце»?

Ну ладно, они придумали, что нужно маркировать, опубликовали список. Естественно, возникает вопрос: а как это нужно делать, кого это касается?

Для того, чтобы немного прояснить (или запутать?) ситуацию с маркировкой товаров легкой промышленности правительство готовит следующее постановление (на 18 ноября 2019 года оно еще в проекте): https://regulation.gov.ru/Projects/List#npa=95193 //(если вдруг это постановление вам не по душе и вы зарегистрированы на госуслугах, вы можете проголосовать против проекта, сейчас всего два голоса «за» и семь «против»)

Из проекта можно понять, что оно касается неких «участников оборота товаров легкой промышленности». И у меня уже тут есть вопрос: покупатель (потребитель) — это участник оборота? Или он не участник? Я, когда покупаю себе пальто, участвую в обороте или нет? Простой казалось бы вопрос. Но в зависимости от ответа на него у меня либо возникнут новые обязанности, либо нет, потому что участник оборота обязан:

  1. Зарегистрироваться в государственной информационной системе мониторинга (дальше ГИСМ);
  2. Иметь «программно-аппаратные средства» для маркировки;
  3. Пройти тест, чтоб убедится в том, что его программно-аппаратные средства могут взаимодействовать с ГИСМ;
  4. С 1 июля 2020 года вносить в ГИСМ информацию о каждой единице товаров, входящих в список, которые они вводят в оборот и выводят из оборота;
  5. Промаркировать все остатки товаров на складах и в магазинах

После 1 июля 2020 года на территории России нельзя будет продавать и покупать товары из списка (кухонное полотенца тоже) без нанесенной маркировки.

К вопросу о том, является ли покупатель участником оборота у меня уже есть реальная история. Некая фирма К занимается поставками того-сего всем желающим. Среди того-сего бумага, ручки, всякие офисные принадлежности, а также сливки. Обычные сливки, чтоб в кофе добавлять. Другая фирма, пусть будет С, имела неосторожность эти сливки несколько месяцев назад купить. И вот недавно фирма К присылает фирме С письмо, в котором предлагает зарегистрироваться в качестве участника оборота этих самых сливок. Естественно, фирма С не хочет заниматься бесполезной работой и правильно делает. Потому что в проекте постановления об утверждении правил маркировки товаров легкой промышленности написано, что те юридические лица и ИП, которые приобретают товары не для последующей продажи, не считаются участниками оборота.

Надеюсь, что всем нам не придется регистрироваться и получать усиленную электронную подпись.

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

«ввод товаров в оборот» — при производстве товаров:
на территории Российской Федерации — (в том числе в случае контрактного производства) — осуществляется до предложения товаров производителем к розничной реализации (продаже) или первичная возмездная или безвозмездная передача товаров от производителя новому собственнику либо иному лицу в целях его отчуждения такому лицу или для последующей реализации, которая делает его доступным для распространения и (или) использования;

Ну как, вы поняли что тут написано? Я — нет.

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

На странице 33 находим заветные слова:

Услуга по предоставлению кода маркировки оплачивается участником оборота товаров до регистрации в информационной системе мониторинга сведений о преобразовании участником оборота товаров кодов маркировки в средства идентификации.

Понимаете? То есть к стоимости товара теперь прибавится стоимость кода маркировки и все административные и накладные расходы, которые в связи с нововведением будет нести участник оборота товара.

Что еще интересно: участники оборота товара — это не только те, кто производит или ввозит оптовые партии тех же полотенец. Например, небольшое ИП решило выпускать полотенца с вышивкой. Будьте добры, купите принтер, подключитесь к системе, не забыв получить усиленную электронную подпись, потом оформите заявку, указав количество товаров, оплатите, получите и распечатайте коды DataMatrix, налепите их на упаковку и только после этого можете продавать ваши товары.

Мало того. Кто-то решил отнести в комиссионный магазин подаренный набор белья, который по какой-то причине не подошел. Например, по размеру. И тут уже комиссионному магазину нужно проделать те же операции: подпись, регистрация, заявка на количество товаров, оплата, получение, печать и нанесение кодов.

И вся для чего?

И все это для того, чтоб очередной (или тот же?) хозяин очередного «платона» стал долларовым миллиардером. По копеечке за код.

С вас ведь не убудет, правда? А курочка по зернышку...

Но если вам все же не очень по душе такой способ создания миллиардеров, можно попробовать выступить против проекта. Для этого нужно перейти сюда: https://regulation.gov.ru/Projects/List#npa=95193 и проголосовать против очередного способа отъема денег у населения в целом и у вас в частности. Да, придется зарегистрироваться. Номер паспорта и прочие подробности вас не спросят, только фамилию, имя и адрес электронной почты.

Пока там всего девять голосов против и два за.

Верю ли я , что удастся остановить эту деньговыжималку? Не очень, если честно. Но я точно знаю, что если не делать совсем ничего, лучше не станет.

Если же вам захочется почитать проект, то его можно взять тут: http://tikhvin.lexli.ru/docs/project_legprom.docx

Подарок получил за отгаданный мангольд

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

Было дело, Александр устроил викторину, а я взял да и узнал листовую свеклу — мангольд. Знаете, кстати, что это такое?

В результате получил из Москвы приз — баночку с красным перцем. Вот она:

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

А у меня с красным перцем такая история случилась.

Был я в стройотряде, в славном городишке на границе с Румынией, который назывался Кагулом и находился тогда в Молдавии, что была частью развалившегося социалистического проекта. В Кагуле был консервный завод, рабочий силой для которого служили студенты. Возможно, потому, что местным эта работа не подходила по экономическим соображениям. Нашим девчонкам, а в отряде было примерно 650 человек, из которых только пятьдесят были парнями, платили рублей по 60 в месяц, едва ли больше.

Из нашего института было всего шесть ребят. И у нас была своя бригада — мы ремонтировали ящики и контейнеры, разгружали машины (отлично, кстати, «зарабатывали», благодаря щедрым припискам от начальника участка). Работали мы не в душном цехе, а на улице. Через нас проходили все машины с кабачками, томатами, грушами, персиками — всем, что шло в переработку, поэтому у нас всегда было вдоволь фруктов, которые мы бросали в жестяные банки, наполненные водой (чтоб помыть) и во время заколачивания гвоздей периодически совали помытый персик в рот.

В тот день пришла машина с сушеным перцем в мешках. Мы быстро разгрузили эту машину и снова принялись за ремонт ящиков. Время подходило к обеду, когда из холодильника выехала «Колхида» (кто помнит эту машину?) с грушами. А тут наши девчонки на обед идут. Представляете, как вкусно съесть на жаре сочную прохладную грушу? В Татарии такую вам не подадут, потому что спелые фрукты невозможно далеко перевозить. А на консервный завод все везли спелое.

Девчонки попросили нас выбрать им вкусных груш.

Как тут откажешь? Они такие молодые, красивые, а мы такие бравые бойцы молотка и гвоздей... залезли на машину, выбираем поспелее, они моют, пробуют... фу, что такое, есть невозможно, они же в перце!

А это у нас руки были в перце! Ну и знайте, красный перец водой смыть невозможно. Мы разгружали перец на жаре, руки потные, мешки джутовые, из них перец понемногу сыпется, все руки в перце. Мы потом руки-то сполоснули, но они все равно остались перчеными. Да крепко перчеными! Я тут же, как девчонки пожаловались, на себе проверил — ладошкой запястье себе потер. На ладошках кожа-то грубая, ничего не чувствует. Зато потное запястье через несколько минут дало понять, что перец детям не игрушка! А что-то типа горчичника, которые не смыть водой и даже водой с мылом!

Так что будьте осторожны с красным перцем! Особенно со всякими скорпионами, у которых острота запредельная.

А то мало не покажется ;-)

Сицилия, 2019. Кастелламаре-дель-Гольфо, часть 1

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

Пункт обмена газовых баллонов на площади Джакомо Маттеотти.
Некоторые дома выглядят снаружи немного странно
А рядом с ними могут стоять очень симпатичные здания, как, например, эта библиотека.
Традиционный семейный автопортрет

В этот раз отпуск начался в небольшом городке на северо-восточной оконечности острова с красивым названием Кастелламаре-дель-Гольфо, которое я бы перевел, как морская крепость в заливе. Я бы не стал верить рекламным заметкам на русскоязычных туристических сайтах, которые пишут о «величественном замке». Нормальная крепость, но никакой это не «замок». Дальше будут фотографии, сами сможете оценить.

Почему мы выбрали этот городок? Да кто его знает... Возможно, потому, что любим отдыхать в разных местах, чтоб составить более полную картину. Ну и от аэропорта Палермо не очень далеко.

С бронированием жилья была отдельная история. Мы забронировали апартаменты (небольшую квартирку, состоящую из маленькой спальни и маленькой кухни) через известный всем ресурс. После чего от хозяев пришло письмо, в котором нам предложили отменить бронирование, а за это нас бесплатно довезут из аэропорта (а это примерно 35 евро). Мы согласились. Увы, теперь мы не сможем оставить отзыв об этих апартаментах, но если кому интересно будет, контакты хозяев могу дать ;-)

Городишко с населением около 15 000. Есть две довольно отличающиеся части: старая, где мы жили, которая застроена обычными двух-трехэтажными домишками и новой, в которой есть многоэтажные здания.
Довольно много домиков заброшены. На некоторых висит объявление о продаже, на некоторых его нет, но городок живет, где-то идет ремонт, работают магазинчики, из кафе вкусно пахнет выпечкой и кофе...
Выходя из нашего жилья, мы попадали на небольшую площадь. Главным зданием на ней была библиотека. Тут же работал пункт по обмену газовых баллонов, а с другой стороны — семейный магазинчик, который торговал пастой.

Вы можете представить себе в вашем городке магазинчик, который торгует только пастой собственного производства и всякими микропельмешками, которые тут же и делают? Кто там у нас трындит про поддержку малого бизнеса? У нас в Тихвине один местный предприниматель пытался запустить производство макарон. Какой у него был бизнес-план? Думаю, как обычно: взять сырье подешевле, максимально снизить издержки и продавать очень, очень дешевые «макарошки». Получилось? Естественно, нет.

Ну что, давайте немного прогуляемся и посмотрим по сторонам моими глазами :-)

Первое же кафе (на меню написано, что это кафетерий), что попадается нам по пути к набережной, привлекает мое внимание симпатично оформленным меню. Посмотрите: нет никаких наклеенных бумажек в пластиковых файликах, много «воздуха» и нет каких-то призывов. Только меню. Обратите внимание: сядете за столик, заплатите 10% к счету за обслуживание. Никаких дополнительных чаевых давать не нужно, тут этого не любят.

Пример меню совершенно непафосного кафе

У этого кафетерия есть своя страничка в фейсбуке. На которой в тот же день, когда мы приехали, появляется объявление о том, что кафетерий закрыт до ноября, все ушли в отпуск. А 29 октября там появляется новое сообщение: «Lavori in progresso... Ci vediamo lunedì dalle 06,30» — Работаем... Увидимся в понедельник с 6:30.

Кастелламаре-дель-Гольфо не считается пафосным курортом, как, например, Таормина. Потому здесь намного меньше сувенирных магазинчиков. Один из них. И тут меня привлекает классно оформленная вывеска. На досках (не ДСП или ДВП) вырезанные объемные буквы, интересный шрифт.

Сувенирный магазинчик, торгующий местной продукцией

Внутри развешены модные лампы. В продаже домотканые коврики, сумочки из такого же материала, и другие сумочки — с большими пуговицами из древесины оливы.

Сумочки made in Sicilia
Обратите внимание на то, как сделан балкон: тонкая каменная плита лежит на стальных кронштейнах.

Через узкие улочки можно смотреть на окружающие горы. А если подняться туда, наверх, где видно голубое ограждение, можно оказаться на смотровой площадке — бельведере (Русская Вики говорит нам, что бельведер — это легкая постройка и показывает фотографии каких-то зданий. Но если задуматься, то bellvedere — это в переводе с итальянского «прекрасный вид». То есть любую смотровую площадку можно смело называть бельведером).

А вот и залив показался.

Мой друг Петрович нередко задает мне риторический вопрос: ну почему у них, в Европах, так чисто на улицах. Вот именно поэтому: улица вымощена камнем, сделан сток для воды, цветы — в горшках. Откуда, спрашивается, взяться пыли?

На часах какое-то очень точное время
Для любителей разнообразия даже два варианта точного времени

Время остановилось... На самом деле время около 12:44 по Москве, или 11:44 местного. Но в отпуске это не очень важно, если вам не нужно поспеть на какой-то транспорт. Так что часы в Кастелламаре нередко показывают какое-то время. Неважно, какое. Есть стрелки, можно смотреть на них и думать о своем...

Интересно, как у них это получается? Вроде, небольшой горшок. А в нем растет целое дерево, которое так забавно цветет... На что похоже это дерево? Ну да, на бутылку! Его иногда так и называют — «бутылочное дерево». Это — нолина из семейства спаржевых родом из Южной Америки. И «бутылка» в основании его корня нужна именно для того, для чего мы и используем бутылки: растение хранит там запас воды. Поэтому поливать его можно нечасто. Увы, говорят, что дома добиться цветения едва ли получится, хотя держать растение в домашних условиях можно.

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

Сентябрь в Тихвине — 2008, часть 1

Первая часть фотографий с фестиваля. Как оказалось, я их практически не показывал раньше. Некоторые без подписей. Надеюсь, до тех пор, пока кто-нибудь не придет в комментарии и не назовет имена-фамилии музыкантов.

Легендарный, не побоюсь этого слова, человек, знаток джаза, ведущий фестиваля Владимир Борисович Фейертаг
Фотокорреспондент «Трудовой славы» Виктор Белый

Сергей Манукян в Тихвине. 2007 год

Еще фото с фестиваля джаза «Сентябрь в Тихвине». Это уже 2007 год, когда приезжал Сергей Манукян. Было круто!

Как будто в стиле Уорхола

А это просто фото. С концерта и джема.

Винцкевичи. 15 лет назад

Попросили снова добыть из архивов фотографии с фестиваля джаза «Сентябрь в Тихвине» из далекого 2003 года.

Сетки на CSS

Примерный перевод статьи “Things I’ve learned about CSS grid layout” by Jennifer Wjertzoch

Используя CSS Grid вы можете создавать интересную и сложную верстку страницы. Это инструмент интуитивно понятный и его хорошо поддерживает основные браузеры. В этой статье я расскажу вам, как верстать страницу с CSS Grid.

Вывод простейшей сетки

Здесь вы видите контейнер (родителя) с шестью блоками (детьми) внутри:

Пример 1

See the Pen grid-1 by Aleksei Litvinov (@lexizli) on CodePen.



Пока ничего интересного, просто шесть div-ов, размещенных один над другим.

Определение строк и столбцов

Чтобы сделать дизайн двухмерным, нам нужно определить строки и столбцы. Давайте создадим две строки и три столбца. Для этого мы используем свойства grid-template-row и grid-template-column:

Пример 2

See the Pen grid-2 by Aleksei Litvinov (@lexizli) on CodePen.

Добавление интервалов между строками и столбцами

Для добавления интервалов между колонками можно использовать grid-column-gap, между строками grid-row-gap и вы можете использовать свойство grid-gap, чтоб добавить интервалы везде. Хорошо, что добавление интервалов происходит только между блоками, а за пределами контейнера их нет:

Пример 3

See the Pen grid-3 by Aleksei Litvinov (@lexizli) on CodePen.



Если вы откроете вашу страницу в Firefox Developer Edition и в инструментах разработчика включите подсветку сетки, то увидите примерно такую картину:

Размеры блоков и заполнение сетки

Для явного указания количества и размеров столбцов и строк можно использовать свойства:

grid-template-columns
grid-template-rows

существует и более компактный способ:

grid-template: 100px 100px / 150px 150px 150px;

или можно указать одинаковую высоту всех блоков:

grid-auto-rows: 50px;

Вот что из этого получится:

Пример 4

See the Pen grid-4 by Aleksei Litvinov (@lexizli) on CodePen.



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

grid-auto-flow: row; /* так будут добавляться новые строки */
grid-auto-flow: column; /* так — новые столбцы */
grid-auto-flow: dense; /* а это свойство для плотной упаковки */

Свойство dense укладывает блоки в сетке так, чтоб не оставалось пустых дырок, посмотрите, как расположены пронумерованные блоки:

Пример 5

See the Pen grid-5 by Aleksei Litvinov (@lexizli) on CodePen.

Функция Repeat()

Чтоб избежать многократного описания одинаковых по ширине или высоте блоков, заполняющих сетку, можно использовать функцию repeat(), первый аргумент которой определяет количество повторений, второй — размер блока (смотрите предыдущий пример):

grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, 100px);

Дробная единица fr

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

grid-template-columns: repeat(10, 1fr);

Можно использовать fr с любыми другими единицами:

grid-template-columns: 60% 1fr 2fr;

Определение индивидуальных размеров блока

Можно определять размеры столбцов и строк внутри контейнера, но можно установить и отдельные размеры для конкретного блока (или для конкретных повторяющихся блоков). Например, каждый шестой блок будет включать в себя шесть столбцов, а каждый девятый — две строки (см. пример 5):

.item:nth-child(6n) {
      grid-column: span 6;
    }
.item:nth-child(9n) {
      grid-row: span 2;
    }

Есть альтернативный способ размещения блока в сетке через свойства grid-row-start, grid-row-end, grid-column-start и grid-column-end, например, так:

.item3 {
  background:#98386d;
  grid-column-start: 2;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 7;
}
.item4 {
  background:#f8386d;
  grid-column-start: 6;
  grid-column-end: 10;
  grid-row-start: 2;
  grid-row-end: 3;
}
.item5 {
  background:#383849;
  grid-column-start: 6;
  grid-column-end: 10;
  grid-row-start: 4;
  grid-row-end: 7;
}

Пример 6

See the Pen grid-6 by Aleksei Litvinov (@lexizli) on CodePen.

Функция minmax

Позволяет установить минимальный и максимальный размер блока, превращая дизайн в адаптивный без медиазапросов (попробуйте изменить ширину окна браузера):

Пример 7

See the Pen grid-7 by Aleksei Litvinov (@lexizli) on CodePen.

auto-fill vs. auto-fit

Разницу этих свойств лучше всего проиллюстрирует сравнение:

Пример 8

See the Pen grid-8 by Aleksei Litvinov (@lexizli) on CodePen.


auto-fill заполняет строку блоками заданной ширины,
auto-fit  растягивает блоки так, чтоб они заняли все доступное пространство.

Выравнивание блоков по ширине контейнера

Для этого используйте свойство justify-content со значениями:

start — выравнивает сетку по левой стороне контейнера (по верху для align-content);
end — выравнивает сетку по правой стороне контейнера  (по низу для align-content);
center — выравнивает сетку по центру контейнера;
stretch — масштабирует элементы чтобы сетка могла заполнить всю ширину (высоту  для align-content) контейнера;
space-around — одинаковое пространство между элементами, и полуразмерные отступы по краям;
space-between — одинаковое пространство между элементами, без отступов по краям;
space-evenly — одинаковое пространство между элементами, и полноразмерные отступы по краям;

Пример 9

See the Pen grid-9 by Aleksei Litvinov (@lexizli) on CodePen.

Выравнивание блоков по высоте контейнера

Для этого подходит свойство align-content, значения аналогичны предыдущему свойству:

Пример 10

See the Pen grid-10 by Aleksei Litvinov (@lexizli) on CodePen.



Небольшой бонус: бесплатный видеокурс по CSS GRID от Wes Bos

Почему они врут? Или профессия обязывает

Я уже писал тут про пожар в гостинице Подворье, что случился 9 июля, в аккурат на Тихвинскую. И фотографии показывал.

А тут мне сказали, что портал 47news тоже об этом происшествии поведал.

Как сообщили корреспонденту 47news в пресс-службе ГУ МЧС России по Ленобласти, в 03:53 утра 9 июля в ЦУКС поступило сообщение о пожаре на Новгородской улице в городе Тихвине. На место происшествия выехали дежурные смены 61 и 63 пожарно-спасательных частей Ленинградской области — 12 человек на 4-х пожарных машинах. Как выяснилось, горело здание гостиницы на площади 70 кв. м. В 04:49 пожар был ликвидирован.

Это меня не удивило, новостной портал должен рассказывать новости.

А удивило меня вот что:

В 04:49 пожар был ликвидирован.

И действительно, на сайте МЧС именно так и написано: в 04:49 пожар был ликвидирован

Позвольте, в какие 04:49? Давайте посмотрим на время съемки пожара:

И стримы в Facebook сделаны тоже после 6 часов утра

Или когда что-то горит, это и есть «пожар ликвидирован»? И люди не должны верить своим глазам и ощущениям, а только официальному вранью?

Пожар в гостинице «Подворье» 9 июля 2019

Рано утром 9 июля в Тихвине, на улице Новгородской, 36, случился пожар в гостинице «Подворье».
Те, кто живёт в Тихвине, могут увидеть в этом некий знак, но, скорее всего, ничего сверхъестественного не произошло. Жаль, конечно, буквально в прошлом году гостиницу ремонтировали, сделали новую облицовку: вместо унылого и позорного пластикового сайдинга здание красиво облицевали деревом. И тут такая неприятность...

Ранее Ctrl + ↓