{"id":1349,"date":"2019-02-17T10:45:09","date_gmt":"2019-02-17T20:45:09","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=1332"},"modified":"2019-02-17T10:45:09","modified_gmt":"2019-02-17T20:45:09","slug":"svg-as-background","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/svg-as-background\/","title":{"rendered":"SVG as Background"},"content":{"rendered":"\n
When using an SVG as background with background-size: cover, the background would sometimes appear with a space on the left side.\u00a0 Depending on the browser width it would be anywhere from 1px to 5px.\u00a0 \u00a0To solve this the SVG needs the\u00a0preserveAspectRatio=”none” property.<\/p>\n\n\n\n
Found the solution to a similar problem here:\u00a0https:\/\/stackoverflow.com\/questions\/9185434\/using-svg-as-background-image<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[61],"yoast_head":"\n