diff --git a/styles/style.css b/styles/style.css index 615581a..9232f1c 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; @@ -55,20 +67,12 @@ body { padding-bottom: 5px; } -.text-description p { +p.text-description{ width: 80%; } -@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%; } }