{"id":2778,"date":"2022-01-18T08:52:05","date_gmt":"2022-01-18T05:52:05","guid":{"rendered":"https:\/\/1.cbm.ua\/?p=2778"},"modified":"2023-01-18T17:24:35","modified_gmt":"2023-01-18T14:24:35","slug":"flexbox-css","status":"publish","type":"post","link":"https:\/\/1.cbm.ua\/?p=2778","title":{"rendered":"Flexbox &#8212; CSS"},"content":{"rendered":"<div class=\"wp-block-post-date\"><time datetime=\"2022-01-18T08:52:05+03:00\">2022-01-18<\/time><\/div>\n\n\n<p>Flexbox &#8212; \u044d\u0442\u043e \u0446\u0435\u043b\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0432 \u0441\u0435\u0431\u0435 \u043d\u0430\u0431\u043e\u0440 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u0438 \u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043a\u0430\u043a \u0434\u043b\u044f \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0442\u0430\u043a \u0438 \u0434\u043b\u044f \u0435\u0433\u043e \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 flex-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u041e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u043c \u0433\u0438\u0431\u043a\u043e\u0439 FLEX \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0448\u0438\u0440\u0438\u043d\u0443\/\u0432\u044b\u0441\u043e\u0442\u0443 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0432\u043e\u043a\u0440\u0443\u0433 \u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a flex-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1.<\/h2>\n\n\n\n<p>\u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u0430\u0439\u0442\u044b \u0434\u043b\u044f \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435 Flexbox \u0432 CSS<\/p>\n\n\n\n<p>FLEXBOX FROGGY &#8212; <a href=\"https:\/\/flexboxfroggy.com\/#ru\">https:\/\/flexboxfroggy.com\/#ru<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"374\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-86.png\" alt=\"\" class=\"wp-image-2779\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-86.png 618w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-86-300x182.png 300w\" sizes=\"auto, (max-width: 618px) 100vw, 618px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2.<\/h2>\n\n\n\n<p>\u0420\u0430\u0437\u043c\u0435\u0440 flex-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 (\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e flex: flex-grow, flex-shrink, flex-basis) | Flexbox | CSS &#8212; <a href=\"http:\/\/shpargalkablog.ru\/2016\/05\/flex.html\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/shpargalkablog.ru\/2016\/05\/flex.html<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"473\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-87.png\" alt=\"\" class=\"wp-image-2780\" srcset=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-87.png 295w, https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-87-187x300.png 187w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3.<\/h2>\n\n\n\n<p><br>\u0412\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432\u043e Flex \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 &#8212; <a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/ru\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Aligning_Items_in_a_Flex_Container\" target=\"_blank\">https:\/\/developer.mozilla.org\/ru\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Aligning_Items_in_a_Flex_Container<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"215\" height=\"123\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-88.png\" alt=\"\" class=\"wp-image-2781\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"214\" height=\"154\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-89.png\" alt=\"\" class=\"wp-image-2782\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"212\" height=\"78\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-90.png\" alt=\"\" class=\"wp-image-2783\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"244\" height=\"183\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-91.png\" alt=\"\" class=\"wp-image-2784\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"227\" height=\"148\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-92.png\" alt=\"\" class=\"wp-image-2786\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"215\" height=\"37\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-93.png\" alt=\"\" class=\"wp-image-2787\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"213\" height=\"36\" src=\"https:\/\/fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua\/wp-content\/uploads\/2022\/01\/image-94.png\" alt=\"\" class=\"wp-image-2788\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">4.<\/h2>\n\n\n\n<p><strong>\u0428\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u043f\u043e FLEXBOX \/\/ \u00ab\u0424\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440 \u043f\u043e \u0436\u0438\u0437\u043d\u0438\u00bb<\/strong> &#8212; <a href=\"https:\/\/fls.guru\/flexbox.html\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/fls.guru\/flexbox.html<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"FLEXBOX. \u0423\u0447\u0438\u043c\u0441\u044f \u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u043d\u0430 \u0444\u043b\u0435\u043a\u0441\u0430\u0445. \u0424\u043b\u0435\u043a\u0441\u0431\u043e\u043a\u0441 \u0443\u0440\u043e\u043a\u0438. \u0427\u0430\u0441\u0442\u044c \u043f\u0435\u0440\u0432\u0430\u044f - \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/EO8hH_2OwCU?list=PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Flexbox &#8212; \u044d\u0442\u043e \u0446\u0435\u043b\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0432 \u0441\u0435\u0431\u0435 \u043d\u0430\u0431\u043e\u0440 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u0438 \u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043a\u0430\u043a \u0434\u043b\u044f \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0442\u0430\u043a \u0438 \u0434\u043b\u044f \u0435\u0433\u043e \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 flex-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u041e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u043c \u0433\u0438\u0431\u043a\u043e\u0439 FLEX \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0448\u0438\u0440\u0438\u043d\u0443\/\u0432\u044b\u0441\u043e\u0442\u0443 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0432\u043e\u043a\u0440\u0443\u0433 \u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a flex-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430. 1. \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u0430\u0439\u0442\u044b \u0434\u043b\u044f \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435&hellip;&nbsp;<a href=\"https:\/\/1.cbm.ua\/?p=2778\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 &raquo;<span class=\"screen-reader-text\">Flexbox &#8212; CSS<\/span><\/a><\/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":[5,99,110],"tags":[],"class_list":["post-2778","post","type-post","status-publish","format-standard","hentry","category-css","category-99","category-110"],"_links":{"self":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/2778","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=2778"}],"version-history":[{"count":6,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/2778\/revisions"}],"predecessor-version":[{"id":4929,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/2778\/revisions\/4929"}],"wp:attachment":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}