Er don't scale the header image as pg sz increases
This commit is contained in:
		
							parent
							
								
									cf9af61f16
								
							
						
					
					
						commit
						2a910d3895
					
				| 
						 | 
					@ -29,7 +29,7 @@
 | 
				
			||||||
                <input type="email" name="email" id="email" placeholder="person@example.com" required>
 | 
					                <input type="email" name="email" id="email" placeholder="person@example.com" required>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
            <div class="form-example">
 | 
					            <div class="form-example">
 | 
				
			||||||
                <input id="submit" type="submit" value="Subscribe!">
 | 
					                <input class="btn-link" id="submit" type="submit" value="Subscribe!">
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
        </form>
 | 
					        </form>
 | 
				
			||||||
    </section>
 | 
					    </section>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -13,6 +13,7 @@ body {
 | 
				
			||||||
    position: fixed;
 | 
					    position: fixed;
 | 
				
			||||||
    top: 0;
 | 
					    top: 0;
 | 
				
			||||||
    width: 100%;
 | 
					    width: 100%;
 | 
				
			||||||
 | 
					    height: 4rem;
 | 
				
			||||||
    background-color: rgb(179, 179, 179);
 | 
					    background-color: rgb(179, 179, 179);
 | 
				
			||||||
    display: flex;
 | 
					    display: flex;
 | 
				
			||||||
    flex-direction: row;
 | 
					    flex-direction: row;
 | 
				
			||||||
| 
						 | 
					@ -29,8 +30,7 @@ body {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#header-img {
 | 
					#header-img {
 | 
				
			||||||
    width: 15%;
 | 
					    height: 100%;
 | 
				
			||||||
    height: 15%;
 | 
					 | 
				
			||||||
    margin: 0 1em 0;
 | 
					    margin: 0 1em 0;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -45,7 +45,6 @@ body {
 | 
				
			||||||
    align-items: center;
 | 
					    align-items: center;
 | 
				
			||||||
    padding-left: 1rem;
 | 
					    padding-left: 1rem;
 | 
				
			||||||
    padding-right: 1rem;
 | 
					    padding-right: 1rem;
 | 
				
			||||||
    /* margin: 1em; */
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.btn-link {
 | 
					.btn-link {
 | 
				
			||||||
| 
						 | 
					@ -57,7 +56,6 @@ body {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    color: #FFFFFF;
 | 
					    color: #FFFFFF;
 | 
				
			||||||
    font-family: 'Rubik', sans-serif;
 | 
					    font-family: 'Rubik', sans-serif;
 | 
				
			||||||
    font-size: 1em;
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
    padding: 5px 40px;
 | 
					    padding: 5px 40px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -69,7 +67,6 @@ body {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    border: solid #337FED 1px;
 | 
					    border: solid #337FED 1px;
 | 
				
			||||||
    text-decoration: none;
 | 
					    text-decoration: none;
 | 
				
			||||||
    /* display: inline-block; */
 | 
					 | 
				
			||||||
    cursor: pointer;
 | 
					    cursor: pointer;
 | 
				
			||||||
    text-align: center;
 | 
					    text-align: center;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Reference in New Issue