{"id":18838,"date":"2020-07-01T12:40:31","date_gmt":"2020-07-01T19:40:31","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=18838"},"modified":"2020-12-29T12:42:59","modified_gmt":"2020-12-29T20:42:59","slug":"hide-scrollbar","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/","title":{"rendered":"How to Use CSS to Hide Scrollbars"},"content":{"rendered":"\n

Scrollbars and User Experience<\/h2>\n\n\n\n

Users are now accustomed to a certain experience when navigation websites. For example, you would expect the logo of a business in the upper left corner of a site to take you to the homepage. But what if it doesn\u2019t? What if everything on that site did the opposite<\/em> of what you thought it would do? 
<\/p>\n\n\n\n

Just imagine if a scrollbar existed, but as you moved your scroll button on your mouse or you dragged your fingers on the trackpad of your device, nothing happened<\/em>. That would be considered a horrible user experience<\/strong>. 
<\/p>\n\n\n\n

What makes or breaks a good user experience can be a post on its own, but part of it is most definitely properly functioning scrollbars and the ability to hide them for aesthetics. 
<\/p>\n\n\n\n

Scrollbars are very good indicators of what we can expect to see on a webpage. If we see a scrollbar, we expect the need to scroll down to view content. When we don\u2019t see a scrollbar, usually it\u2019s for one of two reasons:
<\/p>\n\n\n\n

  1. What you see is what you get \u2013 the height and width of your viewport (your screen) matches the height and width of the site. <\/li>
  2. The design of the site incorporates some sort of animated arrow or feature that indicates there is more content available via scrolling. Only when we start to scroll will the scroll bar appear. It\u2019s default is to stay hidden until then. <\/li><\/ol>\n\n\n\n

    As developers, implementing decent scrollbar use will improve the user experience of a site, which in turn will keep clients on the site.
    <\/p>\n\n\n\n

    Side note:<\/em><\/strong> Be sure to use horizontal scroll bars when you intentionally<\/em> want to use them. If they appear unintentionally on your site, it\u2019s usually because something is off with the sizing of your components. Don\u2019t hide horizontal scrollbars on purpose when they shouldn\u2019t be there. <\/p>\n\n\n\n

    CSS Implementation<\/h2>\n\n\n\n

    The very first thing to note about this implementation is that not all major browsers are created equal. What works for Firefox won\u2019t work for Chrome or Internet Explorer and vice versa. CSS employs what we call vendor prefixes<\/strong> or browser prefixes<\/strong> to help us provide cross-browser support. We list them below:<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Vendor Prefix Cheat Sheet<\/strong><\/p>\n\n\n\n
    Vendor Prefix<\/td>Browsers it covers<\/td><\/tr>
    -webkit- \t<\/td>Chrome, Safari, new versions of Opera and most iOS browsers, including Firefox for iOS<\/td><\/tr>
    -moz-<\/td>Firefox (not iOS)<\/td><\/tr>
    -o-<\/td>Old versions of Opera<\/td><\/tr>
    -ms-<\/td>Internet Explorer and MS Edge<\/td><\/tr><\/tbody><\/table>\n\n\n\n

    URL: <\/strong>Credit: MDN – CSS Prefixes<\/a><\/p>\n\n\n\n

    Alt Text: Mozilla Developer Network has created a handy cheat sheet for remembering which prefix to use<\/strong><\/p>\n\n\n\n

    Caption: <\/strong>MDN has created a handy cheat sheet for remembering which prefix to use for which browser<\/p>\n\n\n\n

    The question then becomes, how do we know when we need prefixes and when we don\u2019t? Those who create CSS are always experimenting with new properties and new ways of doing things \u2013 if there is a property that is fairly new, odds are it\u2019s not compatible across all browsers yet. <\/p>\n\n\n\n

    Thankfully, there are tools available that will take a look at your CSS and add the prefixes you need. You can also do it manually and use a site like caniuse<\/a> or the MDN docs<\/a> to help you determine browser compatibility. <\/p>\n\n\n\n

    Let\u2019s Code!<\/h2>\n\n\n\n
    <!DOCTYPE html>\n<html>\n   <head>\n       <title>CSS: Hide the Scrollbar<\/title>\n       <style>\n           * {\n               box-sizing: border-box;\n               scrollbar-width: none; \/* Firefox implementation *\/\n \n           }\n           body {\n               max-height: 500px;\n           }\n           h1 {\n               text-align: center;\n           }\n           .container, .sample-text {\n               max-height: 500px;\n               height: 500px;\n           }\n           .container {\n               width: 450px;\n               border: 2px solid #666666;\n               background: lightgrey;\n               overflow: scroll;\n               min-height: 520px;\n               margin: 0 auto;\n           }\n           .inner-container {\n               position: absolute;\n               left: 10;\n               overflow-x: hidden;\n               overflow-y: scroll;\n              \n           }\n           .inner-container::-webkit-scrollbar {\n               display: none; \/* webkit browsers implementation *\/\n \n           }\n          \n           .sample-text {\n               width: 425px;\n               height: 475px;\n               margin: 0px 0px 10px 10px;\n              \n           }\n          \n          \n       <\/style>\n   <\/head>\n   <!-- \/* Sample Text From http:\/\/doctoripsum.com *\/ -->\n   <body>\n       <h1>CSS Hide Scrollbar<\/h1>\n       <div class="container">\n           <div class="inner-container">\n               <div class="sample-text">\n                   <p>It is! It's the city of New New York! Strictly speaking,\n                   it's the fifteenth New York since the original, so that\n                   makes it\n                   New-New-New-New-New-New-New-New-New-New-New-New-New-New-New\n                   New York. River, you know my name. You whispered my name in\n                   my ear! There's only one reason I would ever tell anyone my\n                   name. There's only one time I could... New-new-Doctor. Don't\n                   you think she looks tired? I'll tell you what, then:\n                   don't...step on any butterflies. What have butterflies ever\n                   done to you? Oh, yes. Harmless is just the word: that's why\n                   I like it! Doesn't kill, doesn't wound, doesn't maim. But\n                   I'll tell you what it does do: it is very good at opening\n                   doors!<\/p>\n                 \n                   <p>Aw, I wanted to be ginger! I've never been ginger!\n                   And you, Rose Tyler! Fat lot of good you were! You gave up\n                   on me! Ooh, that's rude. Is that the sort of man I am now?\n                   Am I rude? Rude and not ginger. Sweet, maybe... Passionate,\n                   I suppose... But don't ever mistake that for nice. Please,\n                   when Torchwood comes to write my complete history, don't\n                   tell people I travelled through time and space with her\n                   mother! New-new-Doctor. Don't you think she looks tired? I'm\n                   the Doctor, I can save the world with a kettle and some\n                   string! And look! I'm wearing a vegetable! New-new-Doctor.\n                   I'm sorry. I'm so sorry. It is! It's the city of New New\n                   York! Strictly speaking, it's the fifteenth New York since\n                   the original, so that makes it\n                   New-New-New-New-New-New-New-New-New-New-New-New-New-New-New\n                   New York.<\/p>\n                <\/div>\n \n           <\/div>\n       <\/div>\n   <\/body>\n<\/html>\n<\/pre><\/div>\n\n\n\n
    When we run this code in Chrome, it should produce a grey div background and some text that you can scroll through. The two most common implementations are included \u2013 Firefox is toward the top of the code in the <style><\/code> tag. Most everything else is in the –webkit prefixed property. <\/p>\n\n\n\n
    What you\u2019ll notice in your implementation is that there is no scroll bar, but it still has the functionality of a scroll bar. This is one way of several to hide your scrollbar in CSS. What else has worked for you? I challenge you to play with your code to see if you can find a different way. 
    <\/p>\n","protected":false},"excerpt":{"rendered":"Scrollbars and User Experience Users are now accustomed to a certain experience when navigation websites. For example, you would expect the logo of a business in the upper left corner of a site to take you to the homepage. But what if it doesn\u2019t? What if everything on that site did the opposite of what…","protected":false},"author":77,"featured_media":18892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-18838","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":"\nHow to Use CSS to Hide Scrollbars | Career Karma<\/title>\n<meta name=\"description\" content=\"Sometimes we need or want to hide scrollbars. Learn how to use CSS to hide vertical and horizontal scrollbars while ensuring the page continues to function.\" \/>\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\/hide-scrollbar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use CSS to Hide Scrollbars\" \/>\n<meta property=\"og:description\" content=\"Sometimes we need or want to hide scrollbars. Learn how to use CSS to hide vertical and horizontal scrollbars while ensuring the page continues to function.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/\" \/>\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:40:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-29T20:42:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/\"},\"author\":{\"name\":\"Christina Kopecky\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\"},\"headline\":\"How to Use CSS to Hide Scrollbars\",\"datePublished\":\"2020-07-01T19:40:31+00:00\",\"dateModified\":\"2020-12-29T20:42:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/\"},\"wordCount\":668,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/\",\"name\":\"How to Use CSS to Hide Scrollbars | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg\",\"datePublished\":\"2020-07-01T19:40:31+00:00\",\"dateModified\":\"2020-12-29T20:42:59+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\"},\"description\":\"Sometimes we need or want to hide scrollbars. Learn how to use CSS to hide vertical and horizontal scrollbars while ensuring the page continues to function.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg\",\"width\":1000,\"height\":563},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#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\":\"How to Use CSS to Hide Scrollbars\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\",\"url\":\"https:\/\/careerkarma.com\/blog\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News & 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":"How to Use CSS to Hide Scrollbars | Career Karma","description":"Sometimes we need or want to hide scrollbars. Learn how to use CSS to hide vertical and horizontal scrollbars while ensuring the page continues to function.","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\/hide-scrollbar\/","og_locale":"en_US","og_type":"article","og_title":"How to Use CSS to Hide Scrollbars","og_description":"Sometimes we need or want to hide scrollbars. Learn how to use CSS to hide vertical and horizontal scrollbars while ensuring the page continues to function.","og_url":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-07-01T19:40:31+00:00","article_modified_time":"2020-12-29T20:42:59+00:00","og_image":[{"width":1000,"height":563,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/"},"author":{"name":"Christina Kopecky","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"headline":"How to Use CSS to Hide Scrollbars","datePublished":"2020-07-01T19:40:31+00:00","dateModified":"2020-12-29T20:42:59+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/"},"wordCount":668,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/","url":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/","name":"How to Use CSS to Hide Scrollbars | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg","datePublished":"2020-07-01T19:40:31+00:00","dateModified":"2020-12-29T20:42:59+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"description":"Sometimes we need or want to hide scrollbars. Learn how to use CSS to hide vertical and horizontal scrollbars while ensuring the page continues to function.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/hide-scrollbar\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/mimi-thian-zMcBf-n6qrs-unsplash.jpg","width":1000,"height":563},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/hide-scrollbar\/#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":"How to Use CSS to Hide Scrollbars"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News & 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\/18838","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=18838"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/18838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/18892"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=18838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=18838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=18838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}