{"id":18907,"date":"2020-07-02T14:32:33","date_gmt":"2020-07-02T21:32:33","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=18907"},"modified":"2020-12-29T11:41:11","modified_gmt":"2020-12-29T19:41:11","slug":"css-padding-vs-margin","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/","title":{"rendered":"CSS Padding vs Margin: How to Tell the Difference"},"content":{"rendered":"\n<p>When I first started learning how to write markup using HTML and CSS, it took some time to actually wrap my mind around the differences between margin and padding in the box model. In this article, I will share how I was finally able to differentiate between the two.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>When talking about margin and padding, it\u2019s best to review how the CSS box model works. Think of the box model \u2013 the containers we put the components of our website in \u2013 as a picture that has been placed in a picture frame:<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"566\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Box-Model.png\" alt=\"\" class=\"wp-image-18908\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Box-Model.png 1004w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Box-Model-768x433.png 768w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Box-Model-770x434.png 770w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Box-Model-20x11.png 20w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/Box-Model-385x217.png 385w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><figcaption>Visualize a picture in a picture frame to understand the CSS box model.&nbsp;<\/figcaption><\/figure>\n\n\n\n<p>The <strong><em>content<\/em><\/strong> is the picture itself \u2013 that thing we want to put in the container. Just surrounding it is the <strong><em>padding<\/em><\/strong>.&nbsp;<br><\/p>\n\n\n\n<p>If we were in a frame store, the padding would be the matting, which leads to the need for a larger picture frame. When we add padding in CSS, we essentially push out our content box to make the container bigger. Padding is the space in between the content and the border.&nbsp;<br><\/p>\n\n\n\n<p>Next comes the <strong><em>border<\/em><\/strong> \u2013 it is essentially the frame that holds our content and padding. The <strong><em>margin<\/em><\/strong> is the space between the adjacent elements (our picture frames) on our viewport (the wall).&nbsp;<br><\/p>\n\n\n\n<p>So the question becomes: <strong>when should we use margin and when should we use padding?<\/strong>&nbsp;<br><\/p>\n\n\n\n<p>Some might say the answer to this is a little subjective, but in general it&#8217;s a good idea to use CSS margins if we want to adjust how an element looks in relation to other elements on the page. Padding should be used when we want the space around the content to be bigger.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Setting Margin and Padding<\/h3>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n   &lt;head&gt;\n       &lt;meta charset=&quot;UTF-8&quot; \/&gt;\n       &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; \/&gt;\n       &lt;title&gt;Margin vs Padding&lt;\/title&gt;\n   &lt;\/head&gt;\n   &lt;style&gt;\n       body {\n           background: darkslategray;\n           width: 100%;\n           height: 100vh;\n           max-width: 800px;\n           display: flex;\n           margin: 0 auto;\n           justify-content: space-evenly;\n           align-items: center;\n       }\n       #star-wars {\n           background: ivory;\n           border: 20px solid cyan;\n       }\n       #lotr {\n           background: ivory;\n           border: 20px solid green;\n       }\n   &lt;\/style&gt;\n   &lt;body&gt;\n       &lt;div id=&quot;star-wars&quot;&gt;\n           &lt;h3&gt;Star Wars Chars&lt;\/h3&gt;\n           &lt;div&gt;\n               &lt;p&gt;Hans Solo&lt;\/p&gt;\n               &lt;p&gt;Luke Skywalker&lt;\/p&gt;\n               &lt;p&gt;Obi Wan Kenobi&lt;\/p&gt;\n               &lt;p&gt;Chewbacca&lt;\/p&gt;\n               &lt;p&gt;R2D2&lt;\/p&gt;\n               &lt;p&gt;C3PO&lt;\/p&gt;\n           &lt;\/div&gt;\n       &lt;\/div&gt;\n       &lt;div id=&quot;lotr&quot;&gt;\n           &lt;h3&gt;Lord of the Rings Chars&lt;\/h3&gt;\n           &lt;div&gt;\n               &lt;p&gt;Bilbo&lt;\/p&gt;\n               &lt;p&gt;Gandalf&lt;\/p&gt;\n               &lt;p&gt;Frodo&lt;\/p&gt;\n               &lt;p&gt;Sam&lt;\/p&gt;\n               &lt;p&gt;Legolas&lt;\/p&gt;\n               &lt;p&gt;Aragorn&lt;\/p&gt;\n           &lt;\/div&gt;\n       &lt;\/div&gt;\n   &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n\n<p>In the code editor above, two boxes with basic backgrounds, content and borders are set. Imagine a scenario where you want the padding and the margins to be different on every side. In the <code>&lt;style&gt;<\/code> tag, try using different sizes on all sides, like so:&nbsp;<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre> #star-wars {\n           background: ivory;\n           border: 20px solid cyan;\n           margin-top: 10px;\n           margin-bottom: 30px;\n           margin-left: 5px;\n           margin-right: 25px;\n           padding-top: 20px;\n           padding-right: 25px;\n           padding-bottom: 35px;\n           padding-left: 45px;\n \n       }\n       #lotr {\n           background: ivory;\n           border: 20px solid green;\n           margin-top: 10px;\n           margin-bottom: 30px;\n           margin-left: 5px;\n           margin-right: 25px;\n           padding-top: 20px;\n           padding-right: 25px;\n           padding-bottom: 35px;\n           padding-left: 45px;\n \n       }\n<\/pre><\/div>\n\n\n\n<p>That being said, there is a shorthand you can use: <code>margin: 10px 25px 30px 5px;<\/code> the numbers are in trouble (TRBL): <em>top, right, bottom and left!<\/em> This is the order you will find not only margin and padding, but pretty much any property that uses shorthand to describe the sides of your box.&nbsp;<br><\/p>\n\n\n\n<p>Most likely, you will have a scenario where the top and bottom margins\/padding will be the same and the left and right margins will be the same. If that happens, you can use a shortcut:&nbsp;<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre> #star-wars {\n           background: ivory;\n           border: 20px solid cyan;\n           margin: 20px 30px;\n           padding: 30px 20px;\n       }\n       #lotr {\n           background: ivory;\n           border: 20px solid green;\n           margin: 20px 30px;\n           padding: 30px 20px;\n<\/pre><\/div>\n\n\n\n<p>The first number is the top and bottom margin\/padding and the second number is the left and right margin\/padding.&nbsp;<br><\/p>\n\n\n\n<p>If all the sides are going to be the same, you can just simply say <code>padding: 30px; or margin: 30px;<\/code><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>In this article, we reviewed aspects of the box model and discussed how margin and padding differ. Remember that margin deals with the space outside the border and padding deals with the space inside the border. Keep playing with the margins and paddings of the containers in the code editor above and you\u2019ll be a master at setting margins and paddings in no time.&nbsp;<br><\/p>\n","protected":false},"excerpt":{"rendered":"When I first started learning how to write markup using HTML and CSS, it took some time to actually wrap my mind around the differences between margin and padding in the box model. In this article, I will share how I was finally able to differentiate between the two.&nbsp; When talking about margin and padding,&hellip;","protected":false},"author":77,"featured_media":2498,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-18907","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 Padding vs Margin: How to Tell the Difference | Career Karma<\/title>\n<meta name=\"description\" content=\"CSS padding and margin can be one of the most confusing things about the box model. This article distinguishes the differences.\" \/>\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-padding-vs-margin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Padding vs Margin: How to Tell the Difference\" \/>\n<meta property=\"og:description\" content=\"CSS padding and margin can be one of the most confusing things about the box model. This article distinguishes the differences.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/\" \/>\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-02T21:32:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-29T19:41:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\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-padding-vs-margin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/\"},\"author\":{\"name\":\"Christina Kopecky\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\"},\"headline\":\"CSS Padding vs Margin: How to Tell the Difference\",\"datePublished\":\"2020-07-02T21:32:33+00:00\",\"dateModified\":\"2020-12-29T19:41:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/\"},\"wordCount\":535,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/\",\"name\":\"CSS Padding vs Margin: How to Tell the Difference | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg\",\"datePublished\":\"2020-07-02T21:32:33+00:00\",\"dateModified\":\"2020-12-29T19:41:11+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\"},\"description\":\"CSS padding and margin can be one of the most confusing things about the box model. This article distinguishes the differences.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#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 Padding vs Margin: How to Tell the Difference\"}]},{\"@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 Padding vs Margin: How to Tell the Difference | Career Karma","description":"CSS padding and margin can be one of the most confusing things about the box model. This article distinguishes the differences.","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-padding-vs-margin\/","og_locale":"en_US","og_type":"article","og_title":"CSS Padding vs Margin: How to Tell the Difference","og_description":"CSS padding and margin can be one of the most confusing things about the box model. This article distinguishes the differences.","og_url":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-07-02T21:32:33+00:00","article_modified_time":"2020-12-29T19:41:11+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/"},"author":{"name":"Christina Kopecky","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"headline":"CSS Padding vs Margin: How to Tell the Difference","datePublished":"2020-07-02T21:32:33+00:00","dateModified":"2020-12-29T19:41:11+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/"},"wordCount":535,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/","url":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/","name":"CSS Padding vs Margin: How to Tell the Difference | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg","datePublished":"2020-07-02T21:32:33+00:00","dateModified":"2020-12-29T19:41:11+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"description":"CSS padding and margin can be one of the most confusing things about the box model. This article distinguishes the differences.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/pankaj-patel-626156-unsplash.jpg","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/css-padding-vs-margin\/#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 Padding vs Margin: How to Tell the Difference"}]},{"@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\/18907","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=18907"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/18907\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/2498"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=18907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=18907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=18907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}