{"id":265,"date":"2024-01-16T10:57:05","date_gmt":"2024-01-16T10:57:05","guid":{"rendered":"https:\/\/blog.200oksolutions.com\/?p=265"},"modified":"2025-12-04T07:44:09","modified_gmt":"2025-12-04T07:44:09","slug":"crafting-responsive-flutter-designs-with-utility-functions","status":"publish","type":"post","link":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/","title":{"rendered":"Crafting Responsive Flutter Designs with Utility Functions"},"content":{"rendered":"\n<p>Creating a responsive user interface is a crucial aspect of mobile app development, ensuring that your application adapts seamlessly to various screen sizes. <\/p>\n\n\n\n<p>In this blog post, we&#8217;ll explore a set of utility functions in Dart that make achieving responsiveness in Flutter a breeze.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Understanding the Utility Functions<\/h2>\n\n\n\n<p><strong>1.<\/strong> <strong>getWidth<\/strong> Function<\/p>\n\n\n\n<pre class=\"wp-block-code has-black-color has-silver-blue-background-color has-text-color has-background has-link-color wp-elements-76fbfe1f40c13b7dd034a0db868c3aad\"><code>static double getWidth(var width) { \n    var percent = ((width \/ mockupWidth) * 100); \n    return ((deviceWidth * percent) \/ 100); \n}<\/code><\/pre>\n\n\n\n<p>The <strong>getWidth<\/strong> function calculates the width based on a reference <strong>mockupWidth<\/strong>. It allows you to easily adjust the width of UI elements based on the device&#8217;s screen width.<\/p>\n\n\n\n<p><strong>2.<\/strong> <strong>getHeight<\/strong> Function<\/p>\n\n\n\n<pre class=\"wp-block-code has-black-color has-silver-blue-background-color has-text-color has-background has-link-color wp-elements-71d13dbd263b1ccfc33c2ba9090fbc2f\"><code>static double getHeight(var height) { \n    var percent = ((height \/ mockupHeight) * 100); \n    return ((deviceHeight * percent) \/ 100); \n}<\/code><\/pre>\n\n\n\n<p>The <strong>getHeight<\/strong> function takes a height value and calculates a percentage based on a reference <strong>mockupHeight<\/strong>. It then converts this percentage to the corresponding height in terms of the device&#8217;s height. This utility is invaluable when specifying heights in a responsive Flutter layout.<\/p>\n\n\n\n<p><strong>3.<\/strong> <strong>getSp<\/strong> Function<\/p>\n\n\n\n<pre class=\"wp-block-code has-black-color has-silver-blue-background-color has-text-color has-background has-link-color wp-elements-3b3d498e4f24c52d9fa96a50a2f85418\"><code>static double getSp(var sp) { \n     \/\/ Adjust font size based on mockupHeight \n     var percent = (((sp - 0.25) \/ mockupHeight) * 100); \n     return ((deviceHeight * percent) \/ 100); \n}<\/code><\/pre>\n\n\n\n<p>The <strong>getSp<\/strong> function is tailored for handling font sizes. It calculates a percentage adjustment based on the font size, contributing to a responsive typography system in your Flutter app.<\/p>\n\n\n\n<p><strong>4.<\/strong> <strong>getRadius<\/strong> Function<\/p>\n\n\n\n<pre class=\"wp-block-code has-black-color has-silver-blue-background-color has-text-color has-background has-link-color wp-elements-8af5ad4221b4a9c189f04cdc69abf16a\"><code>static double getRadius(var radius) { \n    return double.parse(radius.toString()); \n}<\/code><\/pre>\n\n\n\n<p>The <strong>getRadius<\/strong> function simplifies the process of obtaining a double value from a radius, providing a clean and straightforward way to handle border radii in Flutter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Role of Mockup Dimensions<\/h2>\n\n\n\n<p>In the foundation of our responsive design strategy, we&#8217;ve established mockup dimensions:<\/p>\n\n\n\n<pre class=\"wp-block-code has-black-color has-silver-blue-background-color has-text-color has-background has-link-color wp-elements-a68ca32e9e20e0a38ae0ae7afe7c14c5\"><code>static var mockupHeight = 812; \/\/ Specify your mockup height \nstatic var mockupWidth = 375; \/\/ Specify your mockup width<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Why Mockup Dimensions Matter<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consistency Across Devices:<\/strong><\/li>\n<\/ul>\n\n\n\n<p>By establishing mockup dimensions, you create a baseline for your design. This ensures that the visual elements are consistent, regardless of the screen size or device type.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Precision in Layouts:<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Mockup dimensions serve as a precise guide for calculating percentages and scaling factors in your responsive design calculations. This precision is crucial for maintaining the intended layout structure.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Efficient Development:<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Developers can work more efficiently when they have a predefined set of dimensions to reference. It streamlines the design-to-development process and reduces the guesswork involved in adapting layouts to different screens.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introducing Utility Extensions<\/h2>\n\n\n\n<p>To enhance the conciseness and readability of our Flutter code, let&#8217;s introduce a set of extensions on numeric types. These extensions encapsulate our utility functions, providing a clean and expressive syntax for sizing and dimensions.<\/p>\n\n\n\n<pre class=\"wp-block-code has-black-color has-silver-blue-background-color has-text-color has-background has-link-color wp-elements-fc1f54b2267feb63da1cf6f76accb026\"><code>extension SizeExt on num { \n   double <strong>get<\/strong> Sw => Util.getWidth(<strong>this<\/strong>); \n   double <strong>get<\/strong> Sh => Util.getHeight(<strong>this<\/strong>); \n   double <strong>get<\/strong> Sp => Util.getSp(<strong>this<\/strong>); \n   double <strong>get<\/strong> r => Util.getRadius(<strong>this<\/strong>); \n}<\/code><\/pre>\n\n\n\n<p>With these extensions, you can now effortlessly utilize utility functions for sizing and styling directly on numeric values. Let&#8217;s break down each extension:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sw<\/strong> : Represents the width of the device screen.<\/li>\n\n\n\n<li><strong>Sh<\/strong>  : Represents the height of the device screen<\/li>\n\n\n\n<li><strong>Sp<\/strong>  : Represents the scaled font size for responsive text.<\/li>\n\n\n\n<li><strong>r<\/strong>    :  Represents the radius for styling rounded elements.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Integrating Responsive Design in Widgets<\/h2>\n\n\n\n<p>Now, let&#8217;s see how you can apply these utility functions within a Flutter widget to create a responsive layout:<\/p>\n\n\n\n<p>In this example, the width, height, font size, and radius are all adjusted responsively using the utility functions, with mockup dimensions as the reference point.<\/p>\n\n\n\n<p>By incorporating utility functions and extensions, this example becomes more concise, readable, and responsive. It encapsulates the layout adjustments within the utility functions, making the code cleaner and easier to maintain.<\/p>\n\n\n\n<p>This approach aligns with Flutter best practices and promotes a consistent and efficient development workflow.<\/p>\n\n\n\n<pre class=\"wp-block-code has-black-color has-silver-blue-background-color has-text-color has-background has-link-color wp-elements-d6b366225ead343a011e73d835a41d7d\"><code>@override \nWidget build(BuildContext context) { \nreturn Scaffold( \n    body: Center( \n        child: Container( \n             alignment: Alignment.center, \n             padding: EdgeInsets.all(16), \n             height: 200.Sh, \/\/ Using utility function for \n                     height \n             width:  200.Sw, \/\/ Using utility function for \n                     width \n             color: Colors.cyan, \n             child: Text( \n                    \"Lorem Ipsum is simply dummy text of the \n                     printing and\u201d \n                    \"typesetting industry. Lorem Ipsum has \n                     been the industry's standard dummy \"   \n                    \"text ever since the 1500s, when an \n                     unknown printer took a galley of type\",  \n             style: TextStyle(fontSize: 16.Sp), \n                    \/\/ Using utility function for font size \n                 ), \n             ), \n         ), \n     ); \n }<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Screenshot 1:<\/h3>\n\n\n\n<p>In the enhanced version, we leverage utility functions to make the code more concise and readable. The utility functions abstract away the calculations for height, width, and font size, resulting in a cleaner and more maintainable codebase.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"750\" height=\"1334\" src=\"https:\/\/blog.200oksolutions.com\/wp-content\/uploads\/2024\/01\/image.png\" alt=\"\" class=\"wp-image-266\" style=\"width:252px;height:auto\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Screenshot 2:<\/h3>\n\n\n\n<p>In the second screenshot, we define the widget layout directly within the build method. Although it&#8217;s functional, it lacks the abstraction provided by utility functions, resulting in more verbose code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"750\" height=\"1334\" src=\"https:\/\/blog.200oksolutions.com\/wp-content\/uploads\/2024\/01\/image-1.png\" alt=\"\" class=\"wp-image-267\" style=\"width:256px;height:auto\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion:<\/h2>\n\n\n\n<p>These utility functions, combined with mockup dimensions, simplify the process of creating responsive designs in Flutter. Whether it&#8217;s adjusting heights, widths, font sizes, or radii, integrating these functions into your Flutter app ensures a consistent and visually appealing user experience across diverse devices.<\/p>\n\n\n\n<p>Happy coding and may your Flutter app shine on screens of all shapes and sizes!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating a responsive user interface is a crucial aspect of mobile app development, ensuring that your application&hellip;<\/p>\n","protected":false},"author":5,"featured_media":282,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[46,39,42,43,44,41,40,45],"class_list":["post-265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter","category-mobile","tag-flutter-app-development","tag-flutter-design","tag-flutter-layout","tag-flutter-utility-functions","tag-mobile-ui","tag-responsive-design","tag-ui-ux-design","tag-user-interface-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Crafting Responsive Flutter Designs with Utility Functions Web Development, Software, and App Blog | 200OK Solutions<\/title>\n<meta name=\"description\" content=\"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crafting Responsive Flutter Designs with Utility Functions Web Development, Software, and App Blog | 200OK Solutions\" \/>\n<meta property=\"og:description\" content=\"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development, Software, and App Blog | 200OK Solutions\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-16T10:57:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T07:44:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/01\/crafting-responsive-flutter-designs-with-utility-functions-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"290\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Piyush Solanki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Piyush Solanki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crafting Responsive Flutter Designs with Utility Functions Web Development, Software, and App Blog | 200OK Solutions","description":"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/","og_locale":"en_US","og_type":"article","og_title":"Crafting Responsive Flutter Designs with Utility Functions Web Development, Software, and App Blog | 200OK Solutions","og_description":"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.","og_url":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/","og_site_name":"Web Development, Software, and App Blog | 200OK Solutions","article_published_time":"2024-01-16T10:57:05+00:00","article_modified_time":"2025-12-04T07:44:09+00:00","og_image":[{"width":500,"height":290,"url":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/01\/crafting-responsive-flutter-designs-with-utility-functions-2.png","type":"image\/png"}],"author":"Piyush Solanki","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Piyush Solanki","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/#article","isPartOf":{"@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/"},"author":{"name":"Piyush Solanki","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/e07f6b8e3c9a90ce7b3b09427d26155e"},"headline":"Crafting Responsive Flutter Designs with Utility Functions","datePublished":"2024-01-16T10:57:05+00:00","dateModified":"2025-12-04T07:44:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/"},"wordCount":630,"commentCount":0,"publisher":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/01\/crafting-responsive-flutter-designs-with-utility-functions-2.png","keywords":["Flutter App Development","Flutter Design","Flutter Layout","Flutter Utility Functions","Mobile UI","Responsive Design","UI-UX Design","User Interface Design"],"articleSection":["Flutter","Mobile"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/","url":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/","name":"Crafting Responsive Flutter Designs with Utility Functions Web Development, Software, and App Blog | 200OK Solutions","isPartOf":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/#primaryimage"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/01\/crafting-responsive-flutter-designs-with-utility-functions-2.png","datePublished":"2024-01-16T10:57:05+00:00","dateModified":"2025-12-04T07:44:09+00:00","description":"Explore the 200OK Blog \u2013 your go-to source for insights on web development, backend architecture, API design, and tech best practices from industry professionals.","breadcrumb":{"@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/#primaryimage","url":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/01\/crafting-responsive-flutter-designs-with-utility-functions-2.png","contentUrl":"https:\/\/www.200oksolutions.com\/blog\/wp-content\/uploads\/2024\/01\/crafting-responsive-flutter-designs-with-utility-functions-2.png","width":500,"height":290,"caption":"crafting-responsive-flutter-designs-with-utility-functions"},{"@type":"BreadcrumbList","@id":"https:\/\/www.200oksolutions.com\/blog\/crafting-responsive-flutter-designs-with-utility-functions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.200oksolutions.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Crafting Responsive Flutter Designs with Utility Functions"}]},{"@type":"WebSite","@id":"https:\/\/www.200oksolutions.com\/blog\/#website","url":"https:\/\/www.200oksolutions.com\/blog\/","name":"Web Development, Software, and App Blog | 200OK Solutions","description":"","publisher":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.200oksolutions.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.200oksolutions.com\/blog\/#organization","name":"Web Development Blog | Software Blog | App Blog","url":"https:\/\/www.200oksolutions.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2025\/09\/200ok_logo-CGzMrWDu.png","contentUrl":"https:\/\/200oksolutions.com\/blog\/wp-content\/uploads\/2025\/09\/200ok_logo-CGzMrWDu.png","width":500,"height":191,"caption":"Web Development Blog | Software Blog | App Blog"},"image":{"@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/200ok_solutions\/"]},{"@type":"Person","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/e07f6b8e3c9a90ce7b3b09427d26155e","name":"Piyush Solanki","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.200oksolutions.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/962a2b0b4db856e6851ec7d838597a0395adcaae9c0091d223de9942a4254461?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/962a2b0b4db856e6851ec7d838597a0395adcaae9c0091d223de9942a4254461?s=96&d=mm&r=g","caption":"Piyush Solanki"},"description":"Piyush is a seasoned PHP Tech Lead with 10+ years of experience architecting and delivering scalable web and mobile backend solutions for global brands and fast-growing SMEs. He specializes in PHP, MySQL, CodeIgniter, WordPress, and custom API development, helping businesses modernize legacy systems and launch secure, high-performance digital products. He collaborates closely with mobile teams building Android &amp; iOS apps , developing RESTful APIs, cloud integrations, and secure payment systems using platforms like Stripe, AWS S3, and OTP\/SMS gateways. His work extends across CMS customization, microservices-ready backend architectures, and smooth product deployments across Linux and cloud-based environments. Piyush also has a strong understanding of modern front-end technologies such as React and TypeScript, enabling him to contribute to full-stack development workflows and advanced admin panels. With a successful delivery track record in the UK market and experience building digital products for sectors like finance, hospitality, retail, consulting, and food services, Piyush is passionate about helping SMEs scale technology teams, improve operational efficiency, and accelerate innovation through backend excellence and digital tools.","url":"https:\/\/www.200oksolutions.com\/blog\/author\/piyush\/"}]}},"_links":{"self":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=265"}],"version-history":[{"count":12,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/265\/revisions"}],"predecessor-version":[{"id":281,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/posts\/265\/revisions\/281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/media\/282"}],"wp:attachment":[{"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.200oksolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}