diff --git a/kivi-cars/src/components/Button/button.css b/kivi-cars/src/components/Button/button.css index 1fdf96d..0fb8155 100644 --- a/kivi-cars/src/components/Button/button.css +++ b/kivi-cars/src/components/Button/button.css @@ -4,8 +4,7 @@ } .standardBtn { - width:400px; - height: 43px; + width:250px; background-color: #02ADBA; font-size: 20px; padding: 7px 20px 7px 20px; @@ -32,11 +31,22 @@ background-color:#9eedf3; } +@media screen and (max-width: 900px) { + .standardBtn { + width: 250px; + background-color: #02ADBA; + font-size: 20px; + padding: 7px 20px 7px 20px; + color: white; + border: #02ADBA; + } + } + @media screen and (max-width: 700px) { .standardBtn { - width: 280px; + width: 150px; background-color: #02ADBA; - font-size: 25px; + font-size: 20px; padding: 7px 20px 7px 20px; color: white; border: #02ADBA; @@ -47,10 +57,9 @@ @media screen and (max-width: 400px) { .standardBtn { - width: 250px; - height: 43px; + width: 90px; background-color: #02ADBA; - font-size: 25px; + font-size: 15px; padding: 7px 20px 7px 20px; color: white; border: #02ADBA; diff --git a/kivi-cars/src/components/Header/Header.css b/kivi-cars/src/components/Header/Header.css index 0e6e166..da7df41 100644 --- a/kivi-cars/src/components/Header/Header.css +++ b/kivi-cars/src/components/Header/Header.css @@ -21,7 +21,7 @@ header { } } -@media screen and (max-width: 300px) { +@media screen and (max-width: 350px) { .title { font-size: 20px; } diff --git a/kivi-cars/src/containers/App.js b/kivi-cars/src/containers/App.js index afa6baa..2678366 100644 --- a/kivi-cars/src/containers/App.js +++ b/kivi-cars/src/containers/App.js @@ -1,12 +1,12 @@ -import './App.css'; +import './css/App.css'; import React from 'react'; -import LandingPage from './LandingPage'; +import EmailPage from './EmailPage'; function App() { return (