diff --git a/static/assets/css/home.css b/static/assets/css/home.css index d2315d6..e02b650 100644 --- a/static/assets/css/home.css +++ b/static/assets/css/home.css @@ -69,3 +69,47 @@ transform: translateY(-15px); } } + +/* ============= Device specific fixes ======= */ + +/* Extra small devices (portrait phones, less than 576px) */ + +/* No media query for `xs` since this is the default in Bootstrap */ + +/* Extra large devices (large desktops, 1200px and up) */ + +@media (max-width: 1400px) { +} + +@media (max-width: 1200px) { +} + +/* Large devices (desktops, 992px and up) */ + +@media (max-width: 992px) { +} + +/* Medium devices (tablets, 768px and up) */ + +@media only screen and (max-width: 768px) { +} + +/* Small devices (landscape phones, 576px and up) */ + +@media only screen and (max-width: 576px) { + .content { + position: relative; + top: -75%; + height: 70%; + } + + .home img { + width: 140px; + max-width: 50%; + height: auto; + } + + .home .greeting{ + font-size: 24pt; + } +}