{"id":412009,"date":"2023-09-15T15:36:01","date_gmt":"2023-09-15T15:36:01","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/skill-progress-bars-sv_se\/"},"modified":"2026-04-13T21:05:21","modified_gmt":"2026-04-13T21:05:21","slug":"skill-progress-bars-sv_se","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/skill-progress-bars-sv_se\/","title":{"rendered":"Skill (Progress) Bars"},"content":{"rendered":"\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-33a89e015f0711a3a2bf54b6e303bfc4 wp-block-paragraph\" style=\"color:#4c4c4c;margin-top:5px;margin-bottom:5px;font-size:0.8rem;letter-spacing:5px;text-transform:uppercase\"><strong>My Different Skillsets<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"margin-top:5px;margin-bottom:5px;text-transform:none\"><strong>Development Skills<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e429e249 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-1567b4e4 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:capitalize\"><strong>CSS<\/strong><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:uppercase\"><strong>50&nbsp;%<\/strong><\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:2px;border-radius:50px;padding-top:0px;padding-bottom:0px\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-d079df33 wp-block-columns-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0px;padding-bottom:0px;flex-basis:50%\">\n<div class=\"wp-block-group has-black-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;min-height:100%;padding-top:0px;padding-bottom:0px\">\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e429e249 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-1567b4e4 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:capitalize\"><strong>PHP<\/strong><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:uppercase\"><strong>70&nbsp;%<\/strong><\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:2px;border-radius:50px;padding-top:0px;padding-bottom:0px\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-d079df33 wp-block-columns-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0px;padding-bottom:0px;flex-basis:70%\">\n<div class=\"wp-block-group has-black-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;min-height:100%;padding-top:0px;padding-bottom:0px\">\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e429e249 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-1567b4e4 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:capitalize\"><strong>JavaScript<\/strong><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:uppercase\"><strong>30&nbsp;%<\/strong><\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:2px;border-radius:50px;padding-top:0px;padding-bottom:0px\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-d079df33 wp-block-columns-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0px;padding-bottom:0px;flex-basis:30%\">\n<div class=\"wp-block-group has-black-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;min-height:100%;padding-top:0px;padding-bottom:0px\">\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e429e249 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-1567b4e4 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:capitalize\"><strong>React<\/strong><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:uppercase\"><strong>60&nbsp;%<\/strong><\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:2px;border-radius:50px;padding-top:0px;padding-bottom:0px\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-d079df33 wp-block-columns-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0px;padding-bottom:0px;flex-basis:60%\">\n<div class=\"wp-block-group has-black-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;min-height:100%;padding-top:0px;padding-bottom:0px\">\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":13409453,"parent":411039,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"skill bar, F\u00f6rloppsindikator","wpop_description":"This pattern helps to create a skill bar or progress to show case a person skill in different field.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"sv_SE","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/heading,core\/paragraph,core\/spacer","footnotes":""},"pattern-categories":[3,65],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-412009","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns","wporg-pattern-category-portfolio"],"category_slugs":["columns","portfolio"],"keyword_slugs":[],"pattern_content":"<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"textTransform\":\"uppercase\",\"letterSpacing\":\"5px\",\"fontSize\":\"0.8rem\"},\"color\":{\"text\":\"#4c4c4c\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#4c4c4c\"}}},\"spacing\":{\"margin\":{\"top\":\"5px\",\"bottom\":\"5px\"}}}} -->\n<p class=\"has-text-align-center has-text-color has-link-color\" style=\"color:#4c4c4c;margin-top:5px;margin-bottom:5px;font-size:0.8rem;letter-spacing:5px;text-transform:uppercase\"><strong>My Different Skillsets<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"textTransform\":\"none\"},\"spacing\":{\"margin\":{\"top\":\"5px\",\"bottom\":\"5px\"}}}} -->\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"margin-top:5px;margin-bottom:5px;text-transform:none\"><strong>Development Skills<\/strong><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"10px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"textTransform\":\"capitalize\"},\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:capitalize\"><strong>CSS<\/strong><\/h6>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"textTransform\":\"uppercase\"},\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:uppercase\"><strong>50&nbsp;%<\/strong><\/h6>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"border\":{\"width\":\"2px\",\"radius\":\"50px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\" style=\"border-width:2px;border-radius:50px;padding-top:0px;padding-bottom:0px\"><!-- wp:columns {\"isStackedOnMobile\":false,\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-columns is-not-stacked-on-mobile\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px\"><!-- wp:column {\"width\":\"50%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-column\" style=\"padding-top:0px;padding-bottom:0px;flex-basis:50%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"50px\",\"topRight\":\"0px\",\"bottomLeft\":\"50px\",\"bottomRight\":\"0px\"}},\"dimensions\":{\"minHeight\":\"100%\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}},\"backgroundColor\":\"black\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-black-background-color has-background\" style=\"border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;min-height:100%;padding-top:0px;padding-bottom:0px\"><!-- wp:spacer {\"height\":\"10px\"} -->\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"50%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"flex-basis:50%\"><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"10px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"textTransform\":\"capitalize\"},\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:capitalize\"><strong>PHP<\/strong><\/h6>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"textTransform\":\"uppercase\"},\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:uppercase\"><strong>70&nbsp;%<\/strong><\/h6>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"border\":{\"width\":\"2px\",\"radius\":\"50px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\" style=\"border-width:2px;border-radius:50px;padding-top:0px;padding-bottom:0px\"><!-- wp:columns {\"isStackedOnMobile\":false,\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-columns is-not-stacked-on-mobile\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px\"><!-- wp:column {\"width\":\"70%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-column\" style=\"padding-top:0px;padding-bottom:0px;flex-basis:70%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"50px\",\"topRight\":\"0px\",\"bottomLeft\":\"50px\",\"bottomRight\":\"0px\"}},\"dimensions\":{\"minHeight\":\"100%\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}},\"backgroundColor\":\"black\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-black-background-color has-background\" style=\"border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;min-height:100%;padding-top:0px;padding-bottom:0px\"><!-- wp:spacer {\"height\":\"10px\"} -->\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"30%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"flex-basis:30%\"><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"10px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"textTransform\":\"capitalize\"},\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:capitalize\"><strong>JavaScript<\/strong><\/h6>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"textTransform\":\"uppercase\"},\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:uppercase\"><strong>30&nbsp;%<\/strong><\/h6>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"border\":{\"width\":\"2px\",\"radius\":\"50px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\" style=\"border-width:2px;border-radius:50px;padding-top:0px;padding-bottom:0px\"><!-- wp:columns {\"isStackedOnMobile\":false,\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-columns is-not-stacked-on-mobile\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px\"><!-- wp:column {\"width\":\"30%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-column\" style=\"padding-top:0px;padding-bottom:0px;flex-basis:30%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"50px\",\"topRight\":\"0px\",\"bottomLeft\":\"50px\",\"bottomRight\":\"0px\"}},\"dimensions\":{\"minHeight\":\"100%\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}},\"backgroundColor\":\"black\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-black-background-color has-background\" style=\"border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;min-height:100%;padding-top:0px;padding-bottom:0px\"><!-- wp:spacer {\"height\":\"10px\"} -->\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"70%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"flex-basis:70%\"><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"10px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"textTransform\":\"capitalize\"},\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:capitalize\"><strong>React<\/strong><\/h6>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"textTransform\":\"uppercase\"},\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<h6 class=\"wp-block-heading\" style=\"margin-top:0px;margin-bottom:0px;text-transform:uppercase\"><strong>60&nbsp;%<\/strong><\/h6>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"border\":{\"width\":\"2px\",\"radius\":\"50px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\" style=\"border-width:2px;border-radius:50px;padding-top:0px;padding-bottom:0px\"><!-- wp:columns {\"isStackedOnMobile\":false,\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-columns is-not-stacked-on-mobile\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px\"><!-- wp:column {\"width\":\"60%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-column\" style=\"padding-top:0px;padding-bottom:0px;flex-basis:60%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"50px\",\"topRight\":\"0px\",\"bottomLeft\":\"50px\",\"bottomRight\":\"0px\"}},\"dimensions\":{\"minHeight\":\"100%\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"}}},\"backgroundColor\":\"black\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-black-background-color has-background\" style=\"border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;min-height:100%;padding-top:0px;padding-bottom:0px\"><!-- wp:spacer {\"height\":\"10px\"} -->\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"40%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"flex-basis:40%\"><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Rakesh Lawaju (Racase)","url":"https:\/\/wordpress.org\/patterns\/author\/racase","avatar":"https:\/\/secure.gravatar.com\/avatar\/567591b0274e5984685fd97422be804c90a7c15ebabc25031d895790b8ace161?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/412009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/412009\/revisions"}],"predecessor-version":[{"id":412052,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/412009\/revisions\/412052"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/racase"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=412009"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=412009"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=412009"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=412009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}