{"id":19580,"date":"2020-07-16T05:21:06","date_gmt":"2020-07-16T12:21:06","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=19580"},"modified":"2020-12-29T11:34:33","modified_gmt":"2020-12-29T19:34:33","slug":"css-grid-vs-flexbox","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/","title":{"rendered":"Differences between CSS Flexbox and CSS Grid"},"content":{"rendered":"\n<p><em>One of the things we have to do as developers is to figure out how to approach a problem when given a new project to do. When working with responsive websites, we\u2019ll quite often choose between CSS Grid and CSS Flexbox to layout our website. This article will attempt to discern the differences between Grid and Flexbox, and when it would be best to choose one over the other.&nbsp;<\/em><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Flexbox \u2013 A Brief Overview<\/h2>\n\n\n\n<p>CSS Flexbox is basically a responsive box model. It allows for better positioning within a container and is fairly easy to implement as long as you are aware of its abilities.&nbsp;<br><\/p>\n\n\n\n<p>The flexible box model still uses all of the properties of the box model to control margin, padding, border, and content. When we set <code>display: flex<\/code> on a parent container, it opens up all the flex properties that will be used on that parent\u2019s children.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Selection of Flexbox Properties:<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>flex-direction<\/em><\/strong>: column | <em>row<\/em>* | column-reverse | row-reverse<\/li><li><strong><em>flex-wrap<\/em><\/strong>: wrap | <em>nowrap<\/em>* | wrap-reverse<\/li><li><strong><em>flex-flow<\/em><\/strong>: shortcut for the first two properties listed \u2013 it will follow format <code>flex-flow: &lt;flex-direction&gt; &lt;flex-wrap&gt;<\/code>;<\/li><li><strong><em>justify-content:<\/em><\/strong><em> <\/em>spaces items along the main axis. When flex-direction is set to row, the main axis is the horizontal axis. When set to column, the main access is the vertical axis.<em>&nbsp;<\/em><ul><li>justify-content: <em>flex-start*<\/em> | flex-end | center | space-evenly | space-around | space-between<\/li><\/ul><\/li><li><strong><em>align-items:<\/em><\/strong> spaces items along the axis opposite the main access. When flex-direction is set to column, that would be the vertical axis. When set to row, that would be the horizontal axis.&nbsp;<ul><li>align-items: <em>stretch<\/em>* |center |flex-start |flex-end |baseline<\/li><\/ul><\/li><li><strong><em>align-self:<\/em><\/strong> this is allowed to be used on flex items whose parents have declared their display property as \u2018flex\u2019. It controls the alignment in the flex container.&nbsp;<ul><li>align-self: <em>auto*<\/em> | stretch | center | flex-start | flex-end | baseline<\/li><\/ul><\/li><\/ul>\n\n\n\n<p>*&nbsp; \u2013 default setting of property<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS Grid \u2013 A Brief Overview<\/h2>\n\n\n\n<p>CSS Grid is another layout model that\u2019s available to use. It\u2019s a little newer than the CSS Flexbox Model, so browser support isn\u2019t as widely available for CSS Grid as it is for Flexbox. We have the ability to create a 2D layout in columns and rows with meticulously placed positioning. When we set <code>display: grid<\/code> on our parent element, it allows for us to use the common grid properties that are available to us.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Selection of CSS Grid Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>grid-gap, grid-column-gap, grid-row-gap:<\/em><\/strong>&nbsp; This is used to basically set the spacing. Grid gap is a shortcut for controlling both column and row gap.&nbsp;<\/li><li><strong><em>grid-template-columns, grid-template-rows: <\/em><\/strong>This allows for basic formatting of the containers in your grid \u2013 how wide the columns will be, how high the height will be on the rows, how many containers will be in each row, etc.&nbsp;<\/li><li><strong><em>justify-content<\/em><\/strong>: Aligns the whole grid horizontally.<\/li><li><strong><em>align-content<\/em><\/strong>: Aligns the whole grid vertically.<\/li><li><strong><em>grid-column, grid-row: <\/em><\/strong>Allows us to declare how wide or how high we would like our grid items.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Which One Do I Choose?&nbsp;<\/h2>\n\n\n\n<p>The properties in CSS Flexbox allow for a design that is one-dimensional layout: you can either set up your layout to be created using rows or columns. This is great for web pages that focus less on content placement and more on the flexibility in the responsive design.&nbsp;<br><\/p>\n\n\n\n<p>In contrast, CSS Grid allows you to create layouts in a two dimensional space: with rows and columns. There are properties that control the layout and width and height of each container in the grid. So you can end up with grids that look very similar to the stained glass window posted at the top of this blog.&nbsp;<br><\/p>\n\n\n\n<p>If you\u2019re focused on content placement and want to control your child containers in space, Grid is the layout format for you. Flexbox focuses more on the flow of the content rather than the placement.&nbsp;<br><\/p>\n\n\n\n<p>Browser support for Grid is not as widespread as it is for Flexbox \u2013 simply because I think Flexbox is a little older than Grid. That may be a consideration when choosing which layout model to use in your project.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Whichever layout model you choose, they are both valid options for solving the problem. It\u2019s just a matter of what the project\u2019s purpose is that really determines if you choose CSS Flex layout or CSS Grid layout.<br><\/p>\n","protected":false},"excerpt":{"rendered":"One of the things we have to do as developers is to figure out how to approach a problem when given a new project to do. When working with responsive websites, we\u2019ll quite often choose between CSS Grid and CSS Flexbox to layout our website. This article will attempt to discern the differences between Grid&hellip;","protected":false},"author":77,"featured_media":19581,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18069],"tags":[],"class_list":{"0":"post-19580","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-development-skills"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"CSS","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Differences between CSS Flexbox and CSS Grid | Career Karma<\/title>\n<meta name=\"description\" content=\"One of the things we decide on when we get a new web project is how to tackle the layout \u2013 should we use CSS Flexbox or CSS Grid? Here, we will learn the differences between the two and when to choose one over the other.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Differences between CSS Flexbox and CSS Grid\" \/>\n<meta property=\"og:description\" content=\"One of the things we decide on when we get a new web project is how to tackle the layout \u2013 should we use CSS Flexbox or CSS Grid? Here, we will learn the differences between the two and when to choose one over the other.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-16T12:21:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-29T19:34:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/pexels.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Christina Kopecky\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christina Kopecky\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/\"},\"author\":{\"name\":\"Christina Kopecky\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/ae0cdc4a5d198690d78482646894074e\"},\"headline\":\"Differences between CSS Flexbox and CSS Grid\",\"datePublished\":\"2020-07-16T12:21:06+00:00\",\"dateModified\":\"2020-12-29T19:34:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/\"},\"wordCount\":711,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/pexels.jpg\",\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/\",\"name\":\"Differences between CSS Flexbox and CSS Grid | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/pexels.jpg\",\"datePublished\":\"2020-07-16T12:21:06+00:00\",\"dateModified\":\"2020-12-29T19:34:33+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/ae0cdc4a5d198690d78482646894074e\"},\"description\":\"One of the things we decide on when we get a new web project is how to tackle the layout \u2013 should we use CSS Flexbox or CSS Grid? Here, we will learn the differences between the two and when to choose one over the other.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/pexels.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/pexels.jpg\",\"width\":1000,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css-grid-vs-flexbox\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Differences between CSS Flexbox and CSS Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/ae0cdc4a5d198690d78482646894074e\",\"name\":\"Christina Kopecky\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/image-3-150x150.jpg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/image-3-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/image-3-150x150.jpg\",\"caption\":\"Christina Kopecky\"},\"description\":\"Christina is an experienced technical writer, covering topics as diverse as Java, SQL, Python, and web development. She earned her Master of Music in flute performance from the University of Kansas and a bachelor's degree in music with minors in French and mass communication from Southeast Missouri State. Prior to joining the Career Karma team in June 2020, Christina was a teaching assistant, team lead, and section lead at Lambda School, where she led student groups, performed code and project reviews, and debugged problems for students. Christina's technical content is featured frequently in publications like Codecademy, Repl.it, and Educative.\",\"sameAs\":[\"http:\\\/\\\/www.linkedin.com\\\/in\\\/cmvnk\"],\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/christina-kopecky\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Differences between CSS Flexbox and CSS Grid | Career Karma","description":"One of the things we decide on when we get a new web project is how to tackle the layout \u2013 should we use CSS Flexbox or CSS Grid? Here, we will learn the differences between the two and when to choose one over the other.","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:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/","og_locale":"en_US","og_type":"article","og_title":"Differences between CSS Flexbox and CSS Grid","og_description":"One of the things we decide on when we get a new web project is how to tackle the layout \u2013 should we use CSS Flexbox or CSS Grid? Here, we will learn the differences between the two and when to choose one over the other.","og_url":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-07-16T12:21:06+00:00","article_modified_time":"2020-12-29T19:34:33+00:00","og_image":[{"width":1000,"height":750,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/pexels.jpg","type":"image\/jpeg"}],"author":"Christina Kopecky","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Christina Kopecky","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/"},"author":{"name":"Christina Kopecky","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"headline":"Differences between CSS Flexbox and CSS Grid","datePublished":"2020-07-16T12:21:06+00:00","dateModified":"2020-12-29T19:34:33+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/"},"wordCount":711,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/pexels.jpg","articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/","url":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/","name":"Differences between CSS Flexbox and CSS Grid | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/pexels.jpg","datePublished":"2020-07-16T12:21:06+00:00","dateModified":"2020-12-29T19:34:33+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"description":"One of the things we decide on when we get a new web project is how to tackle the layout \u2013 should we use CSS Flexbox or CSS Grid? Here, we will learn the differences between the two and when to choose one over the other.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/pexels.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/pexels.jpg","width":1000,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/css-grid-vs-flexbox\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS","item":"https:\/\/careerkarma.com\/blog\/css\/"},{"@type":"ListItem","position":3,"name":"Differences between CSS Flexbox and CSS Grid"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e","name":"Christina Kopecky","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/06\/image-3-150x150.jpg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/06\/image-3-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/06\/image-3-150x150.jpg","caption":"Christina Kopecky"},"description":"Christina is an experienced technical writer, covering topics as diverse as Java, SQL, Python, and web development. She earned her Master of Music in flute performance from the University of Kansas and a bachelor's degree in music with minors in French and mass communication from Southeast Missouri State. Prior to joining the Career Karma team in June 2020, Christina was a teaching assistant, team lead, and section lead at Lambda School, where she led student groups, performed code and project reviews, and debugged problems for students. Christina's technical content is featured frequently in publications like Codecademy, Repl.it, and Educative.","sameAs":["http:\/\/www.linkedin.com\/in\/cmvnk"],"url":"https:\/\/careerkarma.com\/blog\/author\/christina-kopecky\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/19580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=19580"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/19580\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/19581"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=19580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=19580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=19580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}