From 592201e8855616c77b53e118f607ab8861d587d1 Mon Sep 17 00:00:00 2001 From: Chris Schmieder Date: Sun, 7 Feb 2016 20:57:58 -0500 Subject: [PATCH 1/2] Added new style rule which sets left & right margins for 'Figure' elements to 0px (currently 40px via normalize.css) because margin is causing extra wide images (i.e. 1200px) to overflow the content area. --- style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/style.css b/style.css index 3dd6672..d3660ee 100644 --- a/style.css +++ b/style.css @@ -411,6 +411,10 @@ img { max-width: 100%; /* Adhere to container width. */ } +figure { + margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ +} + table { margin: 0 0 1.5em; width: 100%; From af372472e659b02cccd9b28ece7f4a5be58c301f Mon Sep 17 00:00:00 2001 From: Chris Date: Fri, 16 Sep 2016 15:18:49 -0400 Subject: [PATCH 2/2] updated sass to include margin fix for figure elements --- sass/elements/_elements.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/sass/elements/_elements.scss b/sass/elements/_elements.scss index 139bbcc..4909ddc 100644 --- a/sass/elements/_elements.scss +++ b/sass/elements/_elements.scss @@ -35,4 +35,8 @@ img { max-width: 100%; /* Adhere to container width. */ } +figure { + margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ +} + @import "tables"; \ No newline at end of file