From 1ad953ee1ecae8573da2d3edcfddda87f9cf6ff1 Mon Sep 17 00:00:00 2001
From: Raniere Silva <ra092767@ime.unicamp.br>
Date: Tue, 1 Oct 2013 10:00:43 -0300
Subject: [PATCH] Solve issue #44

The 'box' class overflow the window width for some screen size.
This patch fix it using CSS media query.
---
 swc.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/swc.css b/swc.css
index fc9866e..59bab5a 100644
--- a/swc.css
+++ b/swc.css
@@ -102,7 +102,6 @@ div.banner a img {
 
 /* Explanatory call-out boxes. */
 div.box {
-    width: 54em;
     background-color: mistyrose;
     display: block;
     margin-left: auto;
@@ -115,6 +114,16 @@ div.box {
     outline-width: 1px;
     outline-style: solid;
 }
+@media (max-width: 700px) {
+    div.box {
+        width: 80%;
+    }
+}
+@media (min-width: 700px) {
+    div.box {
+        width: 54em;
+    }
+}
 
 /* Level 2 headings inside pages. */
 div.content div h3 {
-- 
GitLab