{"id":1860,"date":"2018-02-01T16:10:10","date_gmt":"2018-02-01T16:10:10","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=1860"},"modified":"2025-04-24T06:39:52","modified_gmt":"2025-04-24T04:39:52","slug":"build-image-grid-rollover","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/","title":{"rendered":"How to build an image grid with a rollover"},"content":{"rendered":"\n

In this tutorial, you will be learning on how to create an image grid with a rollover effect. You can follow this step-by-step guide to accomplish this or you can use the JSON file and upload this section to your Divi library.<\/p>\n\n\n\n

This image grid is created out of blurbs. Each service is made out of 2 blurbs. One is visible and the other one is only visible when you mouse over it.<\/p>\n\n\n\n

\"Layout<\/figure>\n\n\n
\n\nView Demo<\/a>\n\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step-by-step guide<\/h2>\n\n\n\n

Step 1<\/strong>
Download the image pack I used for this tutorial and unzip it. You can use the same images as I did for this tutorial. If you are going to use your own images that it is good practice to reduce the size and compress the images, on how to do this you can follow this tutorial best Divi image sizes for your website<\/a>.<\/p>\n\n\n\nDownload files<\/a>\n\n\n\n

If you just want to use this section and not build it from scratch you can just use the JSON file in the download pack. You will still need to add the CSS part manually (later in this tutorial).<\/p>\n\n\n\n

To upload the file do as follows:<\/p>\n\n\n\n

Go to Divi > Divi Library. Click on the import\/export options.
Click on Import and upload the Image grid with rollover.json.<\/p>\n\n\n\n

Now you can use this section on any page with the import from library function.<\/p>\n\n\n\n

Step 2<\/strong>
Create a section and use these settings:<\/p>\n\n\n\n

Content<\/h3>\n\n\n\n

Background: Upload the image section_with_overlay
Use Parallax Effect: Yes
Parallax Method: CSS<\/p>\n\n\n\n

Step 3<\/strong>
Create a row choose a 3-column layout and use these settings:<\/p>\n\n\n\n

Content<\/h3>\n\n\n\n

Background: Upload the image row_bg
Use Parallax Effect: Yes
Parallax Method: CSS<\/p>\n\n\n\n

Design<\/h3>\n\n\n\n

Use Custom Width: Yes
Unit: %
Use Custom Gutter Width: Yes
Gutter Width: 1
Custom Padding: 0 0 0 0<\/p>\n\n\n\n

Advanced<\/h3>\n\n\n\n

CSS Class: blurbs_grid<\/p>\n\n\n\n

Step 4<\/strong>
Add a blurb module in the first column and use these settings:<\/p>\n\n\n\n

Content<\/h3>\n\n\n\n

Title: fill in your title in my case Service 1
Background: in the color tab use rgba(0,0,0,0.58)<\/p>\n\n\n\n

Design<\/h3>\n\n\n\n

Title Text Alignment: center
Title Text Size: 26px
Title Text Color: #ffffff
Custom Padding: Top 75px Bottom: 75px
Border Styles: All borders (first option)
Border-Width: 2px
Border-color: #ffffff<\/p>\n\n\n\n

Advanced<\/h3>\n\n\n\n

CSS Class: blurb_active<\/p>\n\n\n\n

Step 5<\/strong>
Add another blurb module under the previous and use these settings:<\/p>\n\n\n\n

Content<\/h3>\n\n\n\n

Title: fill in your title in my case Service 1
Content: see below (replace # with a link)
Background: in the image tab upload service_image_1<\/p>\n\n\n\n

Design<\/h3>\n\n\n\n

Title Text Alignment: center
Title Text Size: 26px
Title Text Color: #ffffff
Title Text Shadow: choose bottom left
Title Text Shadow Color: #000000
Custom Padding: Top 75px Bottom: 75px
Border Styles: All borders (first option)
Border-Width: 2px
Border-color: #ffffff<\/p>\n\n\n\n

Advanced<\/h3>\n\n\n\n

CSS Class: blurb_hover<\/p>\n\n\n\n

Step 6<\/strong>
Copy these two blurbs and place them in the other two columns.<\/p>\n\n\n\n

Replace the images and titles<\/p>\n\n\n\n

Duplicate this row.Step 7<\/strong>
Add this CSS code in Divi > Theme options > Custom CSS
I have added some comments in the CSS where you can change the button color.<\/p>\n\n\n\n

\/* ##### IMAGE GRID WITH ROLLOVER ##### *\/\n\n.blurbs_grid .et_pb_column_1_3 .et_pb_blurb_content {\n  \tdisplay: flex;\n  \tjustify-content: center;\n  \tflex-direction: column;\n  \theight: 200px;\n}\n\n.blurbs_grid .et_pb_column_1_3 .blurb_hover,\n.blurbs_grid .et_pb_column_1_3:hover .blurb_active {\n\t-webkit-transition: all .3s ease-out;\n\t-moz-transition: all 0.3s ease-out;\n\t-ms-transition: all 0.3s ease-out;\n\t-o-transition: all 0.3s ease-out;\n\ttransition: all 0.3s ease-out;\n}\n\n.blurbs_block .et_pb_column_1_3:hover .blurb_active {\n\tvisibility:hidden;\t\n}\n\n.blurbs_grid .et_pb_column_1_3 .blurb_hover {\n\ttop:0;\n\topacity:0;\n\tposition:absolute;\n\tvisibility:hidden;\n\twidth: 100%;\n}\n\n.blurbs_grid .et_pb_column_1_3:hover .blurb_hover {\n\tvisibility:visible;\n\topacity:1;\n}\n\n.blurbs_grid .et_pb_column_1_3 .blurb_hover a {\n\tbackground-color: #ce8b2f; \/* Background color of the button *\/\n        color: #fff; \/* Text color of the button *\/\n        padding: 7px 15px;\n        text-transform: uppercase;\n        box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.25);\n\tmargin-top:15px;\n\tdisplay: inline-block;\n} \n\n.blurbs_grid .et_pb_column_1_3 .blurb_hover a:hover {\n\tbackground-color: #005ba3; \/* Background color of the button when hover *\/\n}\n\n.blurbs_grid .et_pb_column_1_3 .blurb_hover .et_pb_blurb_container {\n\tmargin-top: 52px;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4202,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-1860","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-tutorials"],"yoast_head":"\nHow to build an image grid with a rollover | Markhendriksen.com<\/title>\n<meta name=\"description\" content=\"In this tutorial you will be learning on how to create an image grid with a rollover effect. You can follow this step by step guide to accomplish this or you can use the json file and upload this section to your Divi library.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to build an image grid with a rollover | Markhendriksen.com\" \/>\n<meta property=\"og:description\" content=\"In this tutorial you will be learning on how to create an image grid with a rollover effect. You can follow this step by step guide to accomplish this or you can use the json file and upload this section to your Divi library.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-01T16:10:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-24T04:39:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Facebook-image-blog-post.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How to build an image grid with a rollover\",\"datePublished\":\"2018-02-01T16:10:10+00:00\",\"dateModified\":\"2025-04-24T04:39:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/\"},\"wordCount\":480,\"commentCount\":14,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Image-grid-with-rollover-effect.jpg\",\"articleSection\":[\"Divi tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/\",\"url\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/\",\"name\":\"How to build an image grid with a rollover | Markhendriksen.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Image-grid-with-rollover-effect.jpg\",\"datePublished\":\"2018-02-01T16:10:10+00:00\",\"dateModified\":\"2025-04-24T04:39:52+00:00\",\"description\":\"In this tutorial you will be learning on how to create an image grid with a rollover effect. You can follow this step by step guide to accomplish this or you can use the json file and upload this section to your Divi library.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Image-grid-with-rollover-effect.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Image-grid-with-rollover-effect.jpg\",\"width\":720,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi tutorials\",\"item\":\"https:\/\/www.markhendriksen.com\/divi-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to build an image grid with a rollover\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to build an image grid with a rollover | Markhendriksen.com","description":"In this tutorial you will be learning on how to create an image grid with a rollover effect. You can follow this step by step guide to accomplish this or you can use the json file and upload this section to your Divi library.","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:\/\/www.markhendriksen.com\/build-image-grid-rollover\/","og_locale":"en_US","og_type":"article","og_title":"How to build an image grid with a rollover | Markhendriksen.com","og_description":"In this tutorial you will be learning on how to create an image grid with a rollover effect. You can follow this step by step guide to accomplish this or you can use the json file and upload this section to your Divi library.","og_url":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2018-02-01T16:10:10+00:00","article_modified_time":"2025-04-24T04:39:52+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Facebook-image-blog-post.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How to build an image grid with a rollover","datePublished":"2018-02-01T16:10:10+00:00","dateModified":"2025-04-24T04:39:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/"},"wordCount":480,"commentCount":14,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Image-grid-with-rollover-effect.jpg","articleSection":["Divi tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/","url":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/","name":"How to build an image grid with a rollover | Markhendriksen.com","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Image-grid-with-rollover-effect.jpg","datePublished":"2018-02-01T16:10:10+00:00","dateModified":"2025-04-24T04:39:52+00:00","description":"In this tutorial you will be learning on how to create an image grid with a rollover effect. You can follow this step by step guide to accomplish this or you can use the json file and upload this section to your Divi library.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Image-grid-with-rollover-effect.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2018\/02\/Image-grid-with-rollover-effect.jpg","width":720,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/build-image-grid-rollover\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Divi tutorials","item":"https:\/\/www.markhendriksen.com\/divi-tutorials\/"},{"@type":"ListItem","position":3,"name":"How to build an image grid with a rollover"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/1860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=1860"}],"version-history":[{"count":4,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/1860\/revisions"}],"predecessor-version":[{"id":35636,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/1860\/revisions\/35636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/4202"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=1860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=1860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=1860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}