{"id":18842,"date":"2020-07-01T12:24:17","date_gmt":"2020-07-01T19:24:17","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=18842"},"modified":"2020-12-29T11:39:50","modified_gmt":"2020-12-29T19:39:50","slug":"css-object-fit","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/css-object-fit\/","title":{"rendered":"CSS: Object Fit"},"content":{"rendered":"\n<p>The CSS property object-fit scales an element to within the width and height of the container it\u2019s in. Background images are the most common element that you will come across as a developer that uses this property.<br><\/p>\n\n\n\n<p>There are five possible values for the object-fit property. We\u2019ll use an image as the example for illustrating the different values:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>object-fit: contain \u2013 &nbsp;<\/em><\/strong>With contain, the aspect ratio of the element that goes in the container (image in this instance) is maintained. If the ratio does not match, you will see bars (think of when widescreen videos were released and on older televisions you would see bars on the top and bottom of the screen) on whichever sides the ratio does not match.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"398\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-06-20-at-9.28.07-PM.jpg\" alt=\"\" class=\"wp-image-18874\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-06-20-at-9.28.07-PM.jpg 602w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-06-20-at-9.28.07-PM-20x13.jpg 20w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-06-20-at-9.28.07-PM-385x255.png 385w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><figcaption>This Eiffel Tower photo is used to illustrate the differences between object-fit values<br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>object-fit: cover \u2013 <\/em><\/strong>Cover maintains the aspect ratio while filling the content box. If the aspect ratio doesn\u2019t match, the image will be clipped to fit.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"576\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.56.44-AM.png\" alt=\"\" class=\"wp-image-18878\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.56.44-AM.png 974w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.56.44-AM-768x454.png 768w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.56.44-AM-770x455.png 770w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.56.44-AM-385x228.png 385w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.56.44-AM-20x12.png 20w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>object-fit: fill<\/em><\/strong> \u2013 The image will be sized in this instance to fill the element\u2019s content box, regardless if the original aspect ratio matches or not. This will probably stretch the image to fit.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"570\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.21-AM.jpg\" alt=\"\" class=\"wp-image-18883\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.21-AM.jpg 980w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.21-AM-768x447.jpg 768w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.21-AM-770x448.jpg 770w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.21-AM-385x224.jpg 385w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.21-AM-20x12.png 20w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>object-fit: none<\/em><\/strong> \u2013 The image will maintain its original size.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"566\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.28-AM.png\" alt=\"\" class=\"wp-image-18881\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.28-AM.png 972w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.28-AM-768x447.png 768w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.28-AM-770x448.png 770w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.28-AM-385x224.png 385w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-2.58.28-AM-20x12.png 20w\" sizes=\"auto, (max-width: 972px) 100vw, 972px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>object-fit: scale-down<\/em><\/strong> \u2013 The scale-down property automatically chooses either <em>none<\/em> or <em>contain<\/em>, whichever results in a smaller overall image size. In this instance, scale-down will choose <em>contain<\/em>:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"570\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-3.17.03-AM.png\" alt=\"\" class=\"wp-image-18886\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-3.17.03-AM.png 992w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-3.17.03-AM-768x441.png 768w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-3.17.03-AM-770x442.png 770w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-3.17.03-AM-20x11.png 20w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Screen-Shot-2020-07-02-at-3.17.03-AM-385x221.png 385w\" sizes=\"auto, (max-width: 992px) 100vw, 992px\" \/><\/figure>\n\n\n\n<p>Browser support is pretty widespread for this property. Double check the support if you are developing for older Internet Explorer, Microsoft Edge or Opera browsers.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>In this article, we took a look at the object-fit property. It\u2019s used on elements that can be inserted and fill a container. The property is directly used on an &lt;img&gt; or other replaced elements to control how the &lt;img&gt; fills the container. Use the object-fit property in conjunction with the object-position property to control how the element is displayed in its container.&nbsp;<br><\/p>\n","protected":false},"excerpt":{"rendered":"The CSS property object-fit scales an element to within the width and height of the container it\u2019s in. Background images are the most common element that you will come across as a developer that uses this property. There are five possible values for the object-fit property. We\u2019ll use an image as the example for illustrating&hellip;","protected":false},"author":77,"featured_media":18873,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-18842","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-css"},"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.0 (Yoast SEO v27.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CSS: Object Fit: The Complete Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"Elements like images, videos, iframes and more use object-fit in CSS to adjust how the element is resized to fit its container.\" \/>\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-object-fit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS: Object Fit\" \/>\n<meta property=\"og:description\" content=\"Elements like images, videos, iframes and more use object-fit in CSS to adjust how the element is resized to fit its container.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/css-object-fit\/\" \/>\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-01T19:24:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-29T19:39:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/\"},\"author\":{\"name\":\"Christina Kopecky\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\"},\"headline\":\"CSS: Object Fit\",\"datePublished\":\"2020-07-01T19:24:17+00:00\",\"dateModified\":\"2020-12-29T19:39:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/\"},\"wordCount\":331,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/css-object-fit\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/\",\"name\":\"CSS: Object Fit: The Complete Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.jpg\",\"datePublished\":\"2020-07-01T19:24:17+00:00\",\"dateModified\":\"2020-12-29T19:39:50+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\"},\"description\":\"Elements like images, videos, iframes and more use object-fit in CSS to adjust how the element is resized to fit its container.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/css-object-fit\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.jpg\",\"width\":1000,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-object-fit\/#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\":\"CSS: Object Fit\"}]},{\"@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\/#\/schema\/person\/image\/\",\"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":"CSS: Object Fit: The Complete Guide | Career Karma","description":"Elements like images, videos, iframes and more use object-fit in CSS to adjust how the element is resized to fit its container.","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-object-fit\/","og_locale":"en_US","og_type":"article","og_title":"CSS: Object Fit","og_description":"Elements like images, videos, iframes and more use object-fit in CSS to adjust how the element is resized to fit its container.","og_url":"https:\/\/careerkarma.com\/blog\/css-object-fit\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-07-01T19:24:17+00:00","article_modified_time":"2020-12-29T19:39:50+00:00","og_image":[{"width":1000,"height":750,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/"},"author":{"name":"Christina Kopecky","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"headline":"CSS: Object Fit","datePublished":"2020-07-01T19:24:17+00:00","dateModified":"2020-12-29T19:39:50+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/"},"wordCount":331,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/css-object-fit\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/","url":"https:\/\/careerkarma.com\/blog\/css-object-fit\/","name":"CSS: Object Fit: The Complete Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.jpg","datePublished":"2020-07-01T19:24:17+00:00","dateModified":"2020-12-29T19:39:50+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"description":"Elements like images, videos, iframes and more use object-fit in CSS to adjust how the element is resized to fit its container.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/css-object-fit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/aryan-dhiman-iGLLtLINSkw-unsplash.jpg","width":1000,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/css-object-fit\/#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":"CSS: Object Fit"}]},{"@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\/#\/schema\/person\/image\/","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\/18842","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=18842"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/18842\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/18873"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=18842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=18842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=18842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}