diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 26dc92c..46f7c99 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -2,10 +2,6 @@ font-family: 'Titling Gothic FB'; src: url("../fonts/TITLINGGOTHICFB-WIDE.OTF") format("opentype"); } -@font-face { - font-family: 'Grifter'; - src: url("../fonts/GRIFTER.otf") format("opentype"); } - @font-face { font-family: 'Gilroy'; src: url("../fonts/Gilroy-ExtraBold.otf") format("opentype"); } @@ -41,9 +37,6 @@ header nav a span { font-size: 2rem; font-family: 'Titling Gothic FB'; color: #CC7A98; } - header nav a span span { - font-size: 2.2rem; - font-family: 'Grifter'; } header nav #navbarSupportedContent23 ul { background-color: #CC7A98; } @@ -174,4 +167,10 @@ footer { width: 0%; left: 50%; } +@media only screen and (max-width: 575px) { + .aaa { + min-height: 47vh; } + .aaaa { + margin-top: 5vh; } } + /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/public/stylesheets/style.sass b/public/stylesheets/style.sass index 49d3956..c9955a1 100644 --- a/public/stylesheets/style.sass +++ b/public/stylesheets/style.sass @@ -6,10 +6,6 @@ $green: #CDE7B0 font-family: 'Titling Gothic FB' src: url("../fonts/TITLINGGOTHICFB-WIDE.OTF") format('opentype') -@font-face - font-family: 'Grifter' - src: url("../fonts/GRIFTER.otf") format('opentype') - @font-face font-family: 'Gilroy' src: url("../fonts/Gilroy-ExtraBold.otf") format('opentype') @@ -49,9 +45,6 @@ header font-size: 2rem font-family: 'Titling Gothic FB' color: $pink - span - font-size: 2.2rem - font-family: 'Grifter' #navbarSupportedContent23 ul @@ -193,3 +186,10 @@ footer top: 11px width: 0% left: 50% + + +@media only screen and (max-width: 575px) + .aaa + min-height: 47vh + .aaaa + margin-top: 5vh diff --git a/views/index.pug b/views/index.pug index 5f28f8e..d0be458 100644 --- a/views/index.pug +++ b/views/index.pug @@ -7,8 +7,7 @@ block content nav.navbar // Navbar brand a.navbar-brand(href='#') - span ESTR - span // + span ESTR. // Collapse button button.navbar-toggler.ham-button(type='button' data-toggle='collapse' data-target='#navbarSupportedContent23' aria-controls='navbarSupportedContent23' aria-expanded='false' aria-label='Toggle navigation' style='cursor: pointer;') .ham @@ -45,7 +44,7 @@ block content // left hand text .row .col-sm-1 - .center-v.col-sm-4 + .center-v.col-sm-4.aaa div h1 | Hello, @@ -55,7 +54,7 @@ block content span Esther p I'm a Programmer & Designer from the UK. p I like to make stuff. - .col-sm-2 + .col-sm-2.aaaa div(class="col-sm" style="background-color:#CC7A98; min-height: 100vh") .center-v-h .logos-container