{"id":966,"date":"2025-07-25T17:29:45","date_gmt":"2025-07-25T17:29:45","guid":{"rendered":"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/"},"modified":"2025-07-25T17:29:45","modified_gmt":"2025-07-25T17:29:45","slug":"layouts-in-compose-row-column-box-and-understanding-weight-arrangement","status":"publish","type":"post","link":"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/","title":{"rendered":"Layouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement"},"content":{"rendered":"

Compose Layouts: Row, Column, and Box – Mastering Weight & Arrangement \ud83c\udfaf<\/h1>\n

Dive into the world of Jetpack Compose layouts! \u2728 Understanding how to effectively use Compose layouts: Rows, Columns, and Boxes<\/strong> is crucial for building stunning and responsive user interfaces in your Android applications. This comprehensive guide will break down these fundamental building blocks, demonstrating how to combine them, leverage their properties, and master the art of weight and arrangement to create pixel-perfect designs that adapt seamlessly to different screen sizes. Get ready to unlock the full potential of Compose and elevate your UI development skills! \ud83d\ude80<\/p>\n

Executive Summary<\/h2>\n

Jetpack Compose introduces a declarative approach to UI development, and at the heart of it lie the foundational layouts: Row, Column, and Box. These layouts provide the structure for arranging UI elements on the screen. Mastering these core components is essential for crafting dynamic and adaptive UIs. This article delves into each layout, explaining its purpose, properties, and practical applications. We’ll explore the crucial concepts of weight and arrangement, demonstrating how they allow you to control the size and positioning of elements within these layouts. By the end of this guide, you’ll possess the knowledge and skills to build complex and responsive UIs with confidence, ensuring your apps look fantastic on any device. \ud83d\udca1 We will show you how to use Compose layouts to create the foundation for any of your DoHost https:\/\/dohost.us websites. <\/p>\n

Row in Compose: Horizontal Harmony<\/h2>\n

The Row<\/code> layout arranges its children horizontally. Think of it as a straight line where you can place your UI elements side-by-side. It’s perfect for creating navigation bars, displaying a list of items, or grouping related elements together horizontally. Understanding its properties is key to precise control over your UI.<\/p>\n

    \n
  • Arrangement:<\/strong> Controls how children are spaced and aligned along the horizontal axis (e.g., Arrangement.Start<\/code>, Arrangement.End<\/code>, Arrangement.SpaceAround<\/code>).<\/li>\n
  • Alignment:<\/strong> Controls how children are aligned vertically within the Row (e.g., Alignment.Top<\/code>, Alignment.CenterVertically<\/code>, Alignment.Bottom<\/code>).<\/li>\n
  • Modifier:<\/strong> Allows you to apply styling, padding, and other transformations to the Row itself.<\/li>\n
  • Weight:<\/strong> Distributes available horizontal space among the children based on their assigned weights (more on this later!).<\/li>\n
  • Use Case:<\/strong> Displaying a user’s profile picture and name side-by-side.<\/li>\n
  • Example<\/strong> Code:\n
    \nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.material.Text\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.ui.tooling.preview.Preview\nimport androidx.compose.runtime.Composable\n\n@Composable\nfun SimpleRow() {\n    Row(\n        modifier = Modifier.padding(16.dp),\n        verticalAlignment = Alignment.CenterVertically\n    ) {\n        Text(\"Hello\")\n        Text(\"World\")\n    }\n}\n\n@Preview\n@Composable\nfun PreviewSimpleRow() {\n    SimpleRow()\n}\n      <\/code><\/pre>\n<\/li>\n<\/ul>\n
    Column in Compose: Vertical Velocity<\/h2>\n
    The Column<\/code> layout is the vertical counterpart to the Row. It arranges its children vertically, one below the other. Ideal for creating forms, displaying lists, or organizing content in a top-to-bottom fashion.  Mastering Column properties ensures your vertical layouts are both functional and aesthetically pleasing.<\/p>\n
      \n
    • Arrangement:<\/strong> Controls how children are spaced and aligned along the vertical axis (e.g., Arrangement.Top<\/code>, Arrangement.Bottom<\/code>, Arrangement.SpaceBetween<\/code>).<\/li>\n
    • Alignment:<\/strong> Controls how children are aligned horizontally within the Column (e.g., Alignment.Start<\/code>, Alignment.CenterHorizontally<\/code>, Alignment.End<\/code>).<\/li>\n
    • Modifier:<\/strong>  Allows you to apply styling, padding, and other transformations to the Column itself.<\/li>\n
    • Weight:<\/strong> Distributes available vertical space among the children based on their assigned weights.<\/li>\n
    • Use Case:<\/strong> Displaying a list of blog posts with titles and summaries.<\/li>\n
    • Example<\/strong> Code:\n
      \nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.material.Text\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.ui.tooling.preview.Preview\nimport androidx.compose.runtime.Composable\n\n@Composable\nfun SimpleColumn() {\n    Column(\n        modifier = Modifier.padding(16.dp),\n        horizontalAlignment = Alignment.CenterHorizontally\n    ) {\n        Text(\"Hello\")\n        Text(\"World\")\n    }\n}\n\n@Preview\n@Composable\nfun PreviewSimpleColumn() {\n    SimpleColumn()\n}\n      <\/code><\/pre>\n<\/li>\n<\/ul>\n
      Box in Compose: Layering Like a Pro \ud83d\udcc8<\/h2>\n
      The Box<\/code> layout is a versatile container that allows you to stack UI elements on top of each other. It’s perfect for creating overlays, placing elements precisely within a defined area, or implementing custom layouts that require element layering.  Understanding Box properties unlocks advanced UI design possibilities.<\/p>\n
        \n
      • Content Alignment:<\/strong>  Controls how the content within the Box is aligned (e.g., Alignment.TopStart<\/code>, Alignment.Center<\/code>, Alignment.BottomEnd<\/code>). This determines where the child elements are positioned relative to the Box’s boundaries.<\/li>\n
      • Modifier:<\/strong> Allows you to apply styling, padding, background colors, and other transformations to the Box itself.<\/li>\n
      • Clip:<\/strong>  Determines whether content that overflows the Box’s boundaries should be clipped.<\/li>\n
      • Use Case:<\/strong> Placing a button on top of an image.<\/li>\n
      • Example<\/strong> Code:\n
        \nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.material.Text\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.ui.tooling.preview.Preview\nimport androidx.compose.runtime.Composable\n\n@Composable\nfun SimpleBox() {\n    Box(\n        modifier = Modifier.padding(16.dp),\n        contentAlignment = Alignment.Center\n    ) {\n        Text(\"Hello from inside the Box!\")\n    }\n}\n\n@Preview\n@Composable\nfun PreviewSimpleBox() {\n    SimpleBox()\n}\n      <\/code><\/pre>\n<\/li>\n
      • Example<\/strong> Code for layering:\n
        \nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.material.Text\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.ui.tooling.preview.Preview\nimport androidx.compose.runtime.Composable\n\n@Composable\nfun LayeredBox() {\n    Box(\n        modifier = Modifier.fillMaxSize(),\n        contentAlignment = Alignment.Center\n    ) {\n        Box(\n            modifier = Modifier\n                .size(200.dp)\n                .background(Color.Red)\n        )\n        Box(\n            modifier = Modifier\n                .size(100.dp)\n                .background(Color.Blue)\n        )\n        Text(\"Hello World\", color = Color.White)\n    }\n}\n\n@Preview\n@Composable\nfun PreviewLayeredBox() {\n    LayeredBox()\n}\n      <\/code><\/pre>\n<\/li>\n<\/ul>\n
        Understanding Weight: Flexing Your Layout Muscles \ud83d\udcaa<\/h2>\n
        Weight is a powerful tool for distributing available space within Rows and Columns. It allows you to create flexible layouts that adapt to different screen sizes and content lengths. Assigning a weight to a child element tells the layout how much of the remaining space it should occupy, relative to other weighted children. This is a game-changer for responsive UI design!<\/p>\n
          \n
        • Weight Values:<\/strong> Weights are typically represented as floating-point numbers (e.g., 1f, 2f, 0.5f).<\/li>\n
        • Relative Distribution:<\/strong> The actual space occupied by each weighted child is determined by its weight relative to the sum of all weights within the layout.<\/li>\n
        • Unweighted Elements:<\/strong> Elements without a weight will occupy only the space they need based on their intrinsic size.<\/li>\n
        • Use Case:<\/strong> Creating a split-screen layout where one section occupies two-thirds of the screen and the other occupies one-third.<\/li>\n
        • Example<\/strong> Code:\n
          \nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.material.Text\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.ui.tooling.preview.Preview\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.foundation.background\nimport androidx.compose.ui.graphics.Color.Companion\n\n@Composable\nfun WeightedRow() {\n    Row(modifier = Modifier.padding(16.dp)) {\n        Text(\n            text = \"Left\",\n            modifier = Modifier\n                .weight(1f)\n                .background(Color.LightGray)\n                .padding(8.dp)\n        )\n        Text(\n            text = \"Right\",\n            modifier = Modifier\n                .weight(2f)\n                .background(Color.DarkGray)\n                .padding(8.dp),\n            color = Color.White\n        )\n    }\n}\n\n@Preview\n@Composable\nfun PreviewWeightedRow() {\n    WeightedRow()\n}\n      <\/code><\/pre>\n<\/li>\n
        • Important note:<\/strong> When using weights, remember that the unweighted elements will get their required space first.<\/li>\n<\/ul>\n
          Arrangement: Fine-Tuning Element Positioning \ud83c\udfaf<\/h2>\n
          Arrangement properties in Rows and Columns allow you to precisely control the spacing and alignment of child elements along the main axis (horizontal for Rows, vertical for Columns). This is essential for achieving the desired visual layout and creating a polished user experience.  Experimenting with different arrangement options unlocks a world of design possibilities.<\/p>\n
            \n
          • SpaceAround:<\/strong> Distributes space evenly around each child element, including space before the first element and after the last.<\/li>\n
          • SpaceBetween:<\/strong> Distributes space evenly between child elements, with no space before the first element or after the last.<\/li>\n
          • SpaceEvenly:<\/strong> Distributes space evenly among child elements, including space before the first element and after the last, ensuring all spacing is equal.<\/li>\n
          • Start\/Top:<\/strong> Aligns elements to the start (left) of the Row or the top of the Column.<\/li>\n
          • End\/Bottom:<\/strong> Aligns elements to the end (right) of the Row or the bottom of the Column.<\/li>\n
          • Center:<\/strong> Centers the elements within the Row or Column.<\/li>\n
          • Use Case:<\/strong> Creating a navigation bar with evenly spaced menu items.<\/li>\n<\/ul>\n
            FAQ \u2753<\/h2>\n
            Q: How do I make a Row or Column fill the entire screen?<\/h3>\n
            A: Use the Modifier.fillMaxSize()<\/code> modifier on the Row or Column. This will make it expand to occupy the available space within its parent container. Remember to apply this modifier before any other modifiers like padding, as the order matters. For example: Row(modifier = Modifier.fillMaxSize()) { ... }<\/code><\/p>\n
            Q: What’s the difference between Arrangement and Alignment?<\/h3>\n
            A: Arrangement controls the spacing and positioning of elements *along* the main axis of the layout (horizontal for Rows, vertical for Columns). Alignment controls the positioning of elements *perpendicular* to the main axis (vertical for Rows, horizontal for Columns). Think of Arrangement as spacing the elements out, and Alignment as positioning them within the available space.<\/p>\n
            Q: How can I create a responsive layout that adapts to different screen sizes?<\/h3>\n
            A: Use a combination of weights, Arrangement, and the Modifier.fillMaxWidth()<\/code> or Modifier.fillMaxHeight()<\/code> modifiers. Weights allow you to distribute space proportionally, while Arrangement helps fine-tune the element positioning. Using modifiers like fillMaxWidth<\/code> and fillMaxHeight<\/code> will allow elements to grow or shrink depending on the available space.<\/p>\n
            Conclusion \u2705<\/h2>\n
            Mastering Compose layouts: Rows, Columns, and Boxes<\/strong>, along with the concepts of weight and arrangement, is fundamental to creating dynamic, responsive, and visually appealing UIs in Jetpack Compose. By understanding how these building blocks work and how to combine them effectively, you can unlock the full potential of Compose and build incredible user experiences. Remember to experiment, practice, and explore the various properties and modifiers available to you.  The journey of becoming a Compose expert starts with a solid foundation in these core layout principles. Keep practicing, and happy coding! \ud83d\ude80 This knowledge is crucial for crafting any DoHost https:\/\/dohost.us websites you might want to build using modern technologies.<\/p>\n
            Tags<\/h3>\n
              Compose layout, Android UI, Row in Compose, Column in Compose, Box in Compose<\/p>\n
            Meta Description<\/h3>\n
              Master Compose layouts! \ud83d\ude80 Learn Rows, Columns, & Boxes for UI design. Understand weight & arrangement for responsive UIs. Elevate your Android development! \ud83c\udfaf<\/p>\n","protected":false},"excerpt":{"rendered":"
            Compose Layouts: Row, Column, and Box – Mastering Weight & Arrangement \ud83c\udfaf Dive into the world of Jetpack Compose layouts! \u2728 Understanding how to effectively use Compose layouts: Rows, Columns, and Boxes is crucial for building stunning and responsive user interfaces in your Android applications. This comprehensive guide will break down these fundamental building blocks, […]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3850],"tags":[136,1523,3917,3915,3914,3907,3918,3913,1514,3916],"class_list":["post-966","post","type-post","status-publish","format-standard","hentry","category-android","tag-android-development","tag-android-ui","tag-arrangement-in-compose","tag-box-in-compose","tag-column-in-compose","tag-compose-layout","tag-jetpack-compose-tutorial","tag-row-in-compose","tag-ui-design","tag-weight-in-compose"],"yoast_head":"\nLayouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement - Developers Heaven<\/title>\n<meta name=\"description\" content=\"Master Compose layouts! \ud83d\ude80 Learn Rows, Columns, & Boxes for UI design. Understand weight & arrangement for responsive UIs. Elevate your Android development! \ud83c\udfaf\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement\" \/>\n<meta property=\"og:description\" content=\"Master Compose layouts! \ud83d\ude80 Learn Rows, Columns, & Boxes for UI design. Understand weight & arrangement for responsive UIs. Elevate your Android development! \ud83c\udfaf\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/\" \/>\n<meta property=\"og:site_name\" content=\"Developers Heaven\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-25T17:29:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/via.placeholder.com\/600x400?text=Layouts+in+Compose+Row+Column+Box+and+Understanding+WeightArrangement\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/\",\"url\":\"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/\",\"name\":\"Layouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement - Developers Heaven\",\"isPartOf\":{\"@id\":\"https:\/\/developers-heaven.net\/blog\/#website\"},\"datePublished\":\"2025-07-25T17:29:45+00:00\",\"author\":{\"@id\":\"\"},\"description\":\"Master Compose layouts! \ud83d\ude80 Learn Rows, Columns, & Boxes for UI design. Understand weight & arrangement for responsive UIs. Elevate your Android development! \ud83c\udfaf\",\"breadcrumb\":{\"@id\":\"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/developers-heaven.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers-heaven.net\/blog\/#website\",\"url\":\"https:\/\/developers-heaven.net\/blog\/\",\"name\":\"Developers Heaven\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers-heaven.net\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Layouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement - Developers Heaven","description":"Master Compose layouts! \ud83d\ude80 Learn Rows, Columns, & Boxes for UI design. Understand weight & arrangement for responsive UIs. Elevate your Android development! \ud83c\udfaf","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:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/","og_locale":"en_US","og_type":"article","og_title":"Layouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement","og_description":"Master Compose layouts! \ud83d\ude80 Learn Rows, Columns, & Boxes for UI design. Understand weight & arrangement for responsive UIs. Elevate your Android development! \ud83c\udfaf","og_url":"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/","og_site_name":"Developers Heaven","article_published_time":"2025-07-25T17:29:45+00:00","og_image":[{"url":"https:\/\/via.placeholder.com\/600x400?text=Layouts+in+Compose+Row+Column+Box+and+Understanding+WeightArrangement","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/","url":"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/","name":"Layouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement - Developers Heaven","isPartOf":{"@id":"https:\/\/developers-heaven.net\/blog\/#website"},"datePublished":"2025-07-25T17:29:45+00:00","author":{"@id":""},"description":"Master Compose layouts! \ud83d\ude80 Learn Rows, Columns, & Boxes for UI design. Understand weight & arrangement for responsive UIs. Elevate your Android development! \ud83c\udfaf","breadcrumb":{"@id":"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/developers-heaven.net\/blog\/layouts-in-compose-row-column-box-and-understanding-weight-arrangement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/developers-heaven.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Layouts in Compose: Row, Column, Box, and Understanding Weight\/Arrangement"}]},{"@type":"WebSite","@id":"https:\/\/developers-heaven.net\/blog\/#website","url":"https:\/\/developers-heaven.net\/blog\/","name":"Developers Heaven","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers-heaven.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/developers-heaven.net\/blog\/wp-json\/wp\/v2\/posts\/966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers-heaven.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers-heaven.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/developers-heaven.net\/blog\/wp-json\/wp\/v2\/comments?post=966"}],"version-history":[{"count":0,"href":"https:\/\/developers-heaven.net\/blog\/wp-json\/wp\/v2\/posts\/966\/revisions"}],"wp:attachment":[{"href":"https:\/\/developers-heaven.net\/blog\/wp-json\/wp\/v2\/media?parent=966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers-heaven.net\/blog\/wp-json\/wp\/v2\/categories?post=966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers-heaven.net\/blog\/wp-json\/wp\/v2\/tags?post=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}