{"id":1835,"date":"2021-12-06T19:41:21","date_gmt":"2021-12-06T16:41:21","guid":{"rendered":"https:\/\/1.cbm.ua\/?p=1835"},"modified":"2024-07-21T12:19:33","modified_gmt":"2024-07-21T09:19:33","slug":"flex-%d0%ba%d0%be%d0%bd%d1%82%d0%b5%d0%b9%d0%bd%d0%b5%d1%80%d0%b0","status":"publish","type":"post","link":"https:\/\/1.cbm.ua\/?p=1835","title":{"rendered":"___ flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=EO8hH_2OwCU\" data-type=\"URL\" data-id=\"https:\/\/www.youtube.com\/watch?v=EO8hH_2OwCU\">URL youtube \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/fls.guru\/\">\u0421\u0430\u0439\u0442 \u0430\u0432\u0442\u043e\u0440\u0430<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0432\u0440\u0435\u043c\u044f 1:31<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!DOCTYPE html>\n&lt;!-- \u041c\u043e\u0439 \u043b\u0438\u0447\u043d\u044b\u0439 \u0431\u043b\u043e\u0433 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u21161 -->\n&lt;html>\n &lt;head>\n  &lt;meta http-equiv=\"content-type\" content=\"text\/html; charset=UTF-8\">\n  &lt;meta charset=\"utf-8\">\n  &lt;title>My Blog&lt;\/title>\n  &lt;style>\n\t@import \"nullstyle.scss\" \/\/\u0424\u0430\u0439\u043b \u043e\u0431\u043d\u0443\u043b\u044f\u044e\u0449\u0438\u0445 \u0441\u0442\u0438\u043b\u0435\u0439\n\t\n\n\tbody {\n\t\tfont-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n\t}\n\n\t.wrapper {\n\t\theight: 100%;\n\t\toverflow: hudden;\n\t\tmin-height: 100%;\n\t\tpadding: 50px;\n\t}\n\n\t.block {\n\t}\n\t\n\t.block_row {\n\t\tdisplay: flex; \/* flex  inline-flex  *\/\n\t\tjustify-content: space-around; \/* \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438 *\/ \/* flex-start center flex-end  space-between space-around*\/\n\t\talign-items: center; \/* \u043f\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438 *\/ \/* stretch flex-start center flex-end *\/\n\t\n\t\tborder: 20px solid #ece89d; \/* \u043e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0435 \u0444\u043b\u0435\u043a\u0441 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 *\/\n\t\tmargin: 0px 0px 20px 0px;\n\t}\n\t\n\t.block_column {\n\t\tborder: 20px solid #5e5373;  \/* \u043e\u0431\u0440\u0430\u043c\u043b\u0435\u043d\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0444\u043b\u0435\u043a\u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\n\t}\n\n\t.block_item {\n\t\tbackground-color: #18b5a4;  \/* \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0444\u043b\u0435\u043a\u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\n\t\tpadding: 50px;\n\t\tfont-size: 14px;\n\t\tcolor: #fff;\n\t\tfont-weight: 700;\n\t}\n\t\n\t.block__list {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tli{margin: 0px 15px 0px 0px;\n\t\t\t&amp;:last-child{margin: 0px 0px 0px 0px;}\n\t\t}\n\t}\n\t\n\t.block__info {\n\t\tposition: relative;\n\t\tpadding: 0px 0px 0px 25px;\n\t}\n\n  &lt;\/style>\n &lt;\/head>\n &lt;body> \n \n\n    &lt;div class=\"wrapper\">\n\t  &lt;div class=\"block\"> \n\t\t  &lt;div class=\"block_row\"> \n\t\t\t  &lt;div class=\"block_column\">\n\t\t\t\t&lt;div class=\"block_item\">\n\t\t\t\t\t&lt;img src=\"image\/str_0001_00.png\" href=\"images\/p.cbm.ua_1123123.png\" alt=\"\">\n\t\t\t\t&lt;\/div>\n\t\t\t  &lt;\/div>\n\t\t\t  &lt;div class=\"block_column\"> \n\t\t\t\t&lt;div class=\"block_item\">\n\t\t\t\t\t&lt;a href=\".\/str\/CSS \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b.html\">CSS \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b.html &lt;span>!&lt;\/span>&lt;\/a>\n\t\t\t\t&lt;\/div>\t\n\t\t\t  &lt;\/div>\n\t\t\t  &lt;div class=\"block_column\">\n\t\t\t\t&lt;div class=\"block_item\">\n\t\t\t\t\t\n\t\t\t\t&lt;\/div>\n\t\t\t  &lt;\/div>\n\t\t  &lt;\/div>\n\n\t  &lt;\/div>\n    &lt;\/div>\n    &lt;ul class=\"block__list\">\n\t\t&lt;li>\n\t\t\t&lt;div class=\"block__info_y\">Flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440&lt;\/div>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"block__info_p\">Flex-\u044d\u043b\u0435\u043c\u0435\u043d\u0442&lt;\/div>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"block__info_g\">\u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 Flex-\u044d\u043b\u0435\u043c\u0435\u043d\u0442&lt;\/div>\n\t\t&lt;\/li>\n\n\t&lt;\/ul>\n    &lt;br>\n  \n \n&lt;\/body>\n&lt;\/html><\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">align-items: <strong><span class=\"has-inline-color has-nv-c-2-color\">stretch<\/span><\/strong>;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"378\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image.png\" alt=\"\" class=\"wp-image-1838\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image.png 350w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-278x300.png 278w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"613\" height=\"166\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-1.png\" alt=\"\" class=\"wp-image-1839\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-1.png 613w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-1-300x81.png 300w\" sizes=\"auto, (max-width: 613px) 100vw, 613px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"> align-items:  <strong><span class=\"has-inline-color has-nv-c-2-color\">flex-start<\/span><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"627\" height=\"185\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-2.png\" alt=\"\" class=\"wp-image-1842\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-2.png 627w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-2-300x89.png 300w\" sizes=\"auto, (max-width: 627px) 100vw, 627px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">align-items:  <strong><span class=\"has-inline-color has-nv-c-2-color\">center<\/span><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">align-items:  <strong><span class=\"has-inline-color has-nv-c-2-color\">end<\/span><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"159\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-3.png\" alt=\"\" class=\"wp-image-1845\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-3.png 629w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2021\/12\/image-3-300x76.png 300w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n","protected":false},"excerpt":{"rendered":"<p>URL youtube \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u0421\u0430\u0439\u0442 \u0430\u0432\u0442\u043e\u0440\u0430 \u0432\u0440\u0435\u043c\u044f 1:31 align-items: stretch; align-items: flex-start align-items: center align-items: end<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[7,18],"tags":[25],"class_list":["post-1835","post","type-post","status-publish","format-standard","hentry","category-html","category-books","tag-help"],"_links":{"self":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/1835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1835"}],"version-history":[{"count":6,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/1835\/revisions"}],"predecessor-version":[{"id":6359,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/1835\/revisions\/6359"}],"wp:attachment":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}