Skip to content

Commit 7cf88aa

Browse files
committed
testing new setup for 17
1 parent d81617e commit 7cf88aa

1 file changed

Lines changed: 7 additions & 10 deletions

File tree

‎17-stripe-submenus/final/styles.css‎

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ h4 {
8282
margin-bottom: 0.75rem;
8383
}
8484
h1 {
85-
font-size: 3rem;
85+
font-size: 2.75rem;
8686
}
8787
h2 {
8888
font-size: 2rem;
@@ -167,11 +167,11 @@ Stripe Styles
167167
content: '';
168168
position: absolute;
169169
width: 100%;
170-
height: 55%;
170+
height: 100%;
171171
top: 0;
172172
left: 0;
173173
background: url(./images/hero.svg);
174-
background-size: cover;
174+
background-size: contain;
175175
background-repeat: no-repeat;
176176
z-index: -1;
177177
}
@@ -205,11 +205,6 @@ Stripe Styles
205205

206206
/* nav media query */
207207
@media screen and (min-width: 800px) {
208-
.hero::before {
209-
height: 100%;
210-
background-size: contain;
211-
}
212-
213208
.nav-center {
214209
display: grid;
215210
grid-template-columns: auto 1fr auto;
@@ -250,6 +245,8 @@ Stripe Styles
250245
@media screen and (min-width: 800px) {
251246
.hero-center {
252247
grid-template-columns: 2fr 1fr;
248+
align-items: end;
249+
padding-bottom: 5vh;
253250
}
254251

255252
.hero-info h1 {
@@ -264,12 +261,12 @@ Stripe Styles
264261
}
265262
.phone-img {
266263
width: 10rem;
264+
padding-bottom: 10vh;
267265
}
268266
}
269267
@media screen and (min-width: 1200px) {
270268
.hero-center {
271-
align-items: end;
272-
padding-bottom: 10vh;
269+
padding-bottom: 15vh;
273270
}
274271
.hero-info h1 {
275272
max-width: 100%;

0 commit comments

Comments
 (0)