Шаблоны для Геткурса

{"type":"onecolumn-common","preset":"bld01","params":"{\"blockCode\":\"b15b1\",\"items\":{\"parts\":{\"field14448\":{\"inner\":{\"headerSize\":\"52\",\"text\":\"\\u041d\\u0430\\u0447\\u043d\\u0438\\u0442\\u0435 \\u0437\\u0430\\u0440\\u0430\\u0431\\u0430\\u0442\\u044b\\u0432\\u0430\\u0442\\u044c \\u043d\\u0430 \\u0441\\u0432\\u043e\\u0438\\u0445 \\u0437\\u043d\\u0430\\u043d\\u0438\\u044f\\u0445<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"field14448\",\"partType\":\"header\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"38px\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field14510\":{\"inner\":{\"text\":\"\\u041e\\u043d\\u043b\\u0430\\u0439\\u043d-\\u043a\\u0443\\u0440\\u0441 \\u00ab\\u0413\\u0435\\u0442\\u043a\\u0443\\u0440\\u0441 \\u043e\\u0442 \\u0410 \\u0434\\u043e \\u042f\\u00bb<\\/p>\",\"textSize\":\"text-large\",\"textClass\":\"\"},\"name\":\"field14510\",\"partType\":\"text\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"70px\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"}}},\"viewBlockLeftOffset\":\"2\",\"viewBlockWidth\":\"8\",\"textAlign\":\"text-center\",\"blockPaddingTop\":\"2\",\"blockPaddingBottom\":\"0.5\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"enabled\":\"1\",\"image\":{\"hash\":\"AB.2d6c85610f80b612359ca2895ed775de.jpg\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"scrollArrow\":\"1\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.5\",\"backgroundOpacityFinish\":\"0.5\"},\"box\":{\"enabled\":\"1\",\"bgcolor\":\"\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"50px\",\"vertical\":\"0px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"animationOrder\":\"in-turn\",\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":".lt-block-wrapper {\n\talign-items: flex-end;\n}\n\n.lt-block-wrapper.block-cover .cover-wrapper {\n\tmargin-top: unset;\n\tmargin-bottom: unset;\n}"}

Обложка с текстом прижатым к нижнему краю

eyJ0eXBlIjoib25lY29sdW1uLWNvbW1vbiIsInByZXNldCI6ImJsZDAxIiwicGFyYW1zIjoie1wiYmxvY2tDb2RlXCI6XCJhOTkzY1wiLFwiaXRlbXNcIjp7XCJwYXJ0c1wiOntcInRleHQxXCI6e1wiaW5uZXJcIjp7XCJ0ZXh0XCI6XCJcXHUwNDFmXFx1MDQzZVxcdTA0M2RcXHUwNDQwXFx1MDQzMFxcdTA0MzJcXHUwNDM4XFx1MDQzYlxcdTA0MzBcXHUwNDQxXFx1MDQ0YyBcXHUwNDQxXFx1MDQ0MlxcdTA0MzBcXHUwNDQyXFx1MDQ0Y1xcdTA0NGY/IFxcdTA0MWZcXHUwNDNlXFx1MDQzNFxcdTA0MzVcXHUwNDNiXFx1MDQzOFxcdTA0NDJcXHUwNDM1XFx1MDQ0MVxcdTA0NGMgXFx1MDQzMlxcdTA0M2ZcXHUwNDM1XFx1MDQ0N1xcdTA0MzBcXHUwNDQyXFx1MDQzYlxcdTA0MzVcXHUwNDNkXFx1MDQzOFxcdTA0NGZcXHUwNDNjXFx1MDQzOCBcXHUwNDM4XFx1MDQzYlxcdTA0MzggXFx1MDQ0MFxcdTA0MzBcXHUwNDQxXFx1MDQ0MVxcdTA0M2FcXHUwNDMwXFx1MDQzNlxcdTA0MzhcXHUwNDQyXFx1MDQzNSBcXHUwNDNlIFxcdTA0MzJcXHUwNDMwXFx1MDQ0OFxcdTA0MzVcXHUwNDNjIFxcdTA0M2VcXHUwNDNmXFx1MDQ0YlxcdTA0NDJcXHUwNDM1LlwiLFwidGV4dFNpemVcIjpcInRleHQtbGFyZ2VcIixcImZvbnRTaXplXCI6XCJcIn0sXCJuYW1lXCI6XCJ0ZXh0MVwiLFwicGFydFR5cGVcIjpcInRleHRcIixcImhBbGlnblwiOlwiXCIsXCJtYXJnaW5Ub3BcIjpcIlwiLFwibWFyZ2luQm90dG9tXCI6XCIxNXB4XCIsXCJ0ZXh0Q29sb3JcIjpcIlwiLFwibGluZUhlaWdodFwiOlwiXCIsXCJhbmltYXRpb25Nb2RlXCI6XCJub1wiLFwiZWxlbWVudENzc0NsYXNzXCI6XCJcIn0sXCJmaWVsZDMyMzM1XCI6e1wiaW5uZXJcIjp7XCJ0aXRsZVwiOlwiXFx1MDQxZVxcdTA0MzFcXHUwNDQxXFx1MDQ0M1xcdTA0MzRcXHUwNDM4XFx1MDQ0MlxcdTA0NGMgXFx1MDQzMiBcXHUwNDM3XFx1MDQzMFxcdTA0M2FcXHUwNDQwXFx1MDQ0YlxcdTA0NDJcXHUwNDNlXFx1MDQzYyBcXHUwNDQ3XFx1MDQzMFxcdTA0NDJcXHUwNDM1XCIsXCJidXR0b25TaXplXCI6XCJzbVwiLFwiY29sb3JcIjpcIiNGRkZGRkZcIixcImJnY29sb3JcIjpcIiNGNzY4MzVcIixcImFjdGlvblwiOntcInR5cGVcIjpcImxpbmtcIixcImxpbmtcIjpcIiMxXCIsXCJqYXZhc2NyaXB0XCI6XCJcIixcImZvcm1UeXBlXCI6XCJzdWJzY3JpYmVcIixcInBvc2l0aW9uXCI6e1wib2ZmZXJfaWRcIjpcIlwifSxcImZvcm1UaXRsZVwiOlwiXCIsXCJmb3JtQnV0dG9uVGl0bGVcIjpcIlwiLFwiZm9ybUJsb2NrQ29kZVwiOlwiXCIsXCJtb2RhbEJsb2NrQ29kZVwiOlwiXCJ9LFwiYm94U2hhZG93Q29sb3JcIjpcIlwiLFwiYm9yZGVyUmFkaXVzXCI6XCI2cHhcIn0sXCJuYW1lXCI6XCJmaWVsZDMyMzM1XCIsXCJwYXJ0VHlwZVwiOlwiYnV0dG9uXCIsXCJoQWxpZ25cIjpcIlwiLFwibWFyZ2luVG9wXCI6XCJcIixcIm1hcmdpbkJvdHRvbVwiOlwiMFwiLFwidGV4dENvbG9yXCI6XCJcIixcImxpbmVIZWlnaHRcIjpcIlwiLFwiYW5pbWF0aW9uTW9kZVwiOlwibm9cIixcImVsZW1lbnRDc3NDbGFzc1wiOlwiXCJ9fX0sXCJ2aWV3QmxvY2tMZWZ0T2Zmc2V0XCI6XCIzXCIsXCJ2aWV3QmxvY2tXaWR0aFwiOlwiNlwiLFwidGV4dEFsaWduXCI6XCJ0ZXh0LWxlZnRcIixcImJsb2NrUGFkZGluZ1RvcFwiOlwiMS41XCIsXCJibG9ja1BhZGRpbmdCb3R0b21cIjpcIjEuNVwiLFwiYmxvY2tCYWNrZ3JvdW5kQ29sb3JcIjpcIlwiLFwiYmxvY2tGb3JlZ3JvdW5kQ29sb3JcIjpcIiNmZmZmZmZcIixcImJsb2NrQ3NzQ2xhc3NcIjpcIlwiLFwiYmxvY2tDb3ZlclwiOntcImltYWdlXCI6e1wiaGFzaFwiOlwiXCJ9LFwiYmFja2dyb3VuZFR5cGVcIjpcInNjcm9sbFwiLFwiaGVpZ2h0XCI6XCIxMDB2aFwiLFwidmlkZW9cIjp7XCJzcmNfdmlkZW9fbGlua1wiOlwiXCIsXCJhdXRvcGxheVwiOlwiMFwiLFwiYm94U2hhZG93Q29sb3JcIjpcIlwiLFwiYm9yZGVyUmFkaXVzXCI6XCJcIn0sXCJiYWNrZ3JvdW5kT3BhY2l0eVN0YXJ0XCI6XCIwLjNcIixcImJhY2tncm91bmRPcGFjaXR5RmluaXNoXCI6XCIwLjZcIn0sXCJib3hcIjp7XCJlbmFibGVkXCI6XCIxXCIsXCJiZ2NvbG9yXCI6XCIjRjBGMEYwXCIsXCJjb2xvclwiOlwiXCIsXCJiZ2ltYWdlXCI6e1wiaGFzaFwiOlwiQUIuZWMyOWQxNjFmYWIxZmNiYjNhYTZjMTMzMWIwMWY3MTMuanBnXCJ9LFwiYm9yZGVyXCI6e1wid2lkdGhcIjpcIjBweFwiLFwidHlwZVwiOlwic29saWRcIixcImNvbG9yXCI6XCIjOTk5OTk5XCIsXCJyYWRpdXNcIjpcIjEwcHhcIn0sXCJwYWRkaW5nc1wiOntcImhvcml6b250YWxcIjpcIjQwcHhcIixcInZlcnRpY2FsXCI6XCIyNXB4XCJ9fSxcImlzTW9kYWxcIjp7XCJtb2RhbFdpZHRoXCI6XCJcIixcIm1vZGFsQ2xhc3NcIjpcIlwifSxcImFuaW1hdGlvbk9yZGVyXCI6XCJpbi10dXJuXCIsXCJibG9ja0NsaWNrQWN0aW9uXCI6XCJcIixcImJsb2NrRmxleFwiOntcImJhc2lzXCI6XCJcIixcInNocmlua1wiOlwiXCIsXCJncm93XCI6XCJcIn19IiwiY3NzIjpudWxsfQ==

Кнопка «Призыв к действию» в контейнере с картинкой GetBlocks

{"type":"teaser-common","preset":"tsr01","params":"{\"teaserBox\":{\"enabled\":\"1\",\"width\":\"200px\",\"bgcolor\":\"#7c3ac9\",\"color\":\"#ffffff\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#e0e6ed\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"10px\",\"vertical\":\"20px\"}},\"blockCode\":\"54039\",\"data\":{\"dataSource\":\"\",\"0\":{\"action\":{\"type\":\"link\",\"link\":\"1\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"header\":\"PLAN 1<\\/p>\",\"price\":\" \\u00a5 14 000<\\/p>\",\"description\":\"\\r\\n\\t\\t\\t\\t<\\/p>\\r\\n\\r\\n<ul><li>Dimensions:<\\/strong> 24.8W x 47.3H<\\/li><li>Material:<\\/strong> Nylon w\\/ Breathable Glass Fiber<\\/li><li>Weight:<\\/strong> 55 lbs<\\/li><li>Max Weight:<\\/strong> 330 lbs<\\/li><li>Tilt Degrees:<\\/strong> 135<\\/li><li>Tilt Degrees:<\\/strong> 135<\\/li><li>Head Rest:<\\/strong> Yes<\\/li><\\/ul> <\\/p>\",\"button\":{\"title\":\"\\u0414\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0435\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#199c68\",\"action\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"}}},\"1\":{\"action\":{\"type\":\"link\",\"link\":\"2\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"header\":\"PLAN 2<\\/p>\",\"price\":\"\\u00a5 16 700<\\/p>\",\"description\":\"<ul><li>Dimensions:<\\/strong> 24.8W x 47.3H<\\/li><li>Material:<\\/strong> Nylon w\\/ Breathable Glass Fiber<\\/li><li>Weight:<\\/strong> 55 lbs<\\/li><li>Max Weight:<\\/strong> 330 lbs<\\/li><li>Head Rest:<\\/strong> Yes<\\/li><li>Arm Rest:<\\/strong> <\\/li><li>Lumbar Support:<\\/strong> <\\/li><li>Warranty:<\\/strong> 30 Days Money Back<\\/li><\\/ul>\",\"button\":{\"title\":\"\\u0414\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0435\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#199c68\",\"action\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"}}},\"2\":{\"action\":{\"type\":\"link\",\"link\":\"3\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"header\":\"PLAN 3<\\/p>\",\"price\":\"\\u00a5 19 300<\\/p>\",\"description\":\"<ul><li>Dimensions:<\\/strong> 24.8W x 47.3H<\\/li><li>Material:<\\/strong> Nylon w\\/ Breathable Glass Fiber<\\/li><li>Weight:<\\/strong> 55 lbs<\\/li><li>Max Weight:<\\/strong> 330 lbs<\\/li><li>Head Rest:<\\/strong> Yes<\\/li><li>Arm Rest:<\\/strong> <\\/li><li>Lumbar Support:<\\/strong> <\\/li><li>Warranty:<\\/strong> 30 Days Money Back<\\/li><\\/ul>\",\"button\":{\"title\":\"\\u0414\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0435\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#199c68\",\"action\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"}}}},\"button\":{\"title\":\"CHECK OUT\",\"color\":\"#222222\",\"bgcolor\":\"#FFFFFF\"},\"textAlign\":\"text-center\",\"viewBlockLeftOffset\":\"1\",\"viewBlockWidth\":\"10\",\"blockPaddingTop\":\"1.5\",\"blockPaddingBottom\":\"1\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"#ffffff\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"columnsInRow\":\"\",\"withTextPaddings\":\"0\",\"useImgTag\":null,\"headerText\":\"\",\"subheaderText\":\"\",\"fullLink\":\"\",\"leftImageOnMobile\":null,\"flexNotLine\":null,\"flexibleBlocks\":null,\"blockClickAction\":{\"type\":\"\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n --col-1-bg-color: #7c3ac9;\n --col-2-bg-color: #e53499;\n --col-3-bg-color: #2a2cc8;\n --col-4-bg-color: #7c3ac9;\n --header-link-color: white;\n}\n\n\n.lt-tsr-block {\n border-top-left-radius: 50px;\n border-bottom-right-radius: 50px;\n transition: all .5s;\n}\n\n.lt-tsr-block:hover {\n transform: scale(1.05);\n transition: all .5s;\n z-index: 100;\n box-shadow: 0 0 10px gray;\n}\n\n.lt-tsr-text-part.header {\n font-size: 24px;\n padding-bottom: 10px;\n border-bottom: 5px solid #fff;\n margin-bottom: 10px;\n margin-top: 10px;\n}\n\n.lt-tsr-text-part.header a {\n color: var(--header-link-color);\n}\n\n.lt-tsr-text-part.price {\n margin-top: 0;\n font-size: 18px;\n}\n\n.lt-tsr-text-part.description { \n margin-top: 30px;\n margin-bottom: 10px;\n}\n\n.lt-tsr-text-part.description ul {\n padding-left: 0;\n list-style: none;\n}\n\n.lt-tsr-text-part.description ul li {\n margin: 10px 0px;\n}\n\n.button button {\n min-height: unset;\n padding: 10px 30px;\n border-radius: 5px;\n}\n\n.flex-row .lt-tsr-block:nth-child(1) {\n background-color: var(--col-1-bg-color);\n}\n\n.flex-row .lt-tsr-block:nth-child(2) {\n background-color: var(--col-2-bg-color);\n}\n\n.flex-row .lt-tsr-block:nth-child(3) {\n background-color: var(--col-3-bg-color);\n}\n\n.flex-row .lt-tsr-block:nth-child(4) {\n background-color: var(--col-4-bg-color);\n}"}

Тарифы с цветными скругленными блоками и анимацией при наведении Цвета блоков можно изменить в Стиль→Подробные настройки: параметры --col-1-bg-color (цифра — номер столбца от 1 до 4) GetBlocks

{"type":"gallery-list","preset":"glr01","params":"{\"blockCode\":\"81f99\",\"images\":{\"dataSource\":\"\",\"0\":{\"hash\":\"AB.c2c22b603f89b5fecdd7412a64113f9c.jpg\",\"caption\":\"\\u0422\\u0443\\u043c\\u0430\\u043d\"},\"1\":{\"hash\":\"AB.4c179b72b57fad8b15cca8beda72ca23.jpg\",\"caption\":\"\\u041e\\u0434\\u0443\\u0432\\u0430\\u043d\\u0447\\u0438\\u043a\"},\"2\":{\"hash\":\"AB.085010646a14c5e6180457fd56ab7156.jpg\",\"caption\":\"\\u0413\\u043e\\u0440\\u044b\"},\"3\":{\"hash\":\"AB.205a8be1792e91caaae4d6a6ecfc7669.jpg\",\"caption\":\"\\u0413\\u0435\\u043f\\u0430\\u0440\\u0434\"},\"4\":{\"hash\":\"AB.e2c29d7ad6de8ace482dfeb2ac98f742.jpg\",\"caption\":\"\\u041d\\u044c\\u044e-\\u0419\\u043e\\u0440\\u043a\"},\"5\":{\"hash\":\"AB.3d14484c15e34701c27dc122690e701e.jpg\",\"caption\":\"\\u0417\\u0430\\u043a\\u0430\\u0442\"},\"6\":{\"hash\":\"AB.e6908eab493058fc6e2e861f5f515b0b.jpg\",\"caption\":\"\\u041f\\u0440\\u0438\\u0431\\u043e\\u0439\"},\"7\":{\"hash\":\"AB.1ea6e31bd23c56bbb6807bd4d3b0d851.jpg\",\"caption\":\"\\u0414\\u0435\\u0440\\u0435\\u0432\\u043e\"}},\"viewBlockLeftOffset\":\"0\",\"viewBlockWidth\":\"12\",\"blockPaddingTop\":\"0\",\"blockPaddingBottom\":\"0\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":{\"type\":\"\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n\t--allow-grow-image: 0; /* 1 yes / 0 no */\t\n}\n\n.thumbnails-list a {\n\tmargin: 8px 8px;\n\tmax-width: unset;\n\tflex: var(--allow-grow-image) 1 18%;\n}\n\n@media (max-width: 1400px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 23%;\n\t}\n}\n\n@media (max-width: 740px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 30%;\n\t}\n}\n\n@media (max-width: 500px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 45%;\n\t}\n}\n\n@media (max-width: 300px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 100%;\n\t}\n}\n\n.container { \n\tmax-width: unset; \n\tpadding: 0;\n\tmargin: 0;\n}\n\n.thumbnails-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n}"}

Картинки одинакового размера в виде плитки CSS-параметр --allow-grow-image (Стиль → Подробные настройки) управляет разрешением показывать изображения разного размера