diff --git a/issue.php b/issue.php index 340be09..e286a98 100644 --- a/issue.php +++ b/issue.php @@ -62,9 +62,11 @@

- + Your user agent is: -
+
+
+
diff --git a/styles/style.css b/styles/style.css index 615581a..0b5106e 100644 --- a/styles/style.css +++ b/styles/style.css @@ -32,6 +32,12 @@ body { font-size: 18px; } +@media only screen and (min-width: 600px) { + .form-text-small { + width: 50%; + } +} + .form-text-large { text-align: left; border: black; @@ -42,6 +48,12 @@ body { font-size: 16px; } +@media only screen and (min-width: 600px) { + .form-text-large { + width: 50%; + } +} + .form-info { color: #0280e5; font-size: 17px; @@ -53,22 +65,18 @@ body { color: #0280e5; padding-top: 5px; padding-bottom: 5px; + margin-left: auto; + margin-right: auto; } -.text-description p { +p.text-description{ width: 80%; + margin-left: auto; + margin-right: auto; } -@media only screen and (min-width: 768px) { - .form-text-small { - width: 50%; - } - - .form-text-large { - width: 50%; - } - - .text-description p { +@media only screen and (min-width: 600px) { +p.text-description{ width: 50%; } }