As close as I am going to get
This commit is contained in:
		
							parent
							
								
									09a4391efe
								
							
						
					
					
						commit
						854d8f7fac
					
				| 
						 | 
					@ -112,6 +112,7 @@ h1 {
 | 
				
			||||||
        
 | 
					        
 | 
				
			||||||
        color: white;
 | 
					        color: white;
 | 
				
			||||||
        margin: 0;
 | 
					        margin: 0;
 | 
				
			||||||
 | 
					        padding: 0;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .logo {
 | 
					    .logo {
 | 
				
			||||||
| 
						 | 
					@ -120,7 +121,7 @@ h1 {
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .illustrations {
 | 
					    .illustrations {
 | 
				
			||||||
        margin: 3.5rem 2.375rem 1rem;
 | 
					        margin: 3.5rem 2.3125rem 1rem;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .illustration {
 | 
					    .illustration {
 | 
				
			||||||
| 
						 | 
					@ -138,7 +139,7 @@ h1 {
 | 
				
			||||||
    
 | 
					    
 | 
				
			||||||
    .siteBlurb {
 | 
					    .siteBlurb {
 | 
				
			||||||
        margin:0;
 | 
					        margin:0;
 | 
				
			||||||
        margin-top: 1rem;
 | 
					        margin-top: 0.9375rem;
 | 
				
			||||||
        text-align: center;
 | 
					        text-align: center;
 | 
				
			||||||
    
 | 
					    
 | 
				
			||||||
        /* line-height: 2rem;
 | 
					        /* line-height: 2rem;
 | 
				
			||||||
| 
						 | 
					@ -161,9 +162,10 @@ h1 {
 | 
				
			||||||
        margin-top: 0.875rem;
 | 
					        margin-top: 0.875rem;
 | 
				
			||||||
        background-color: white;
 | 
					        background-color: white;
 | 
				
			||||||
        color: var(--site-color);
 | 
					        color: var(--site-color);
 | 
				
			||||||
        font-size: 12px;
 | 
					        font-size: 13px;
 | 
				
			||||||
 | 
					        letter-spacing: 1px;
 | 
				
			||||||
        border: none;
 | 
					        border: none;
 | 
				
			||||||
        padding: 13px 76px;
 | 
					        padding: 12px 72px;
 | 
				
			||||||
        text-align: center;
 | 
					        text-align: center;
 | 
				
			||||||
        text-decoration: none;
 | 
					        text-decoration: none;
 | 
				
			||||||
        display: inline-block;
 | 
					        display: inline-block;
 | 
				
			||||||
| 
						 | 
					@ -182,7 +184,7 @@ h1 {
 | 
				
			||||||
    
 | 
					    
 | 
				
			||||||
    .socialButtonsSection i {
 | 
					    .socialButtonsSection i {
 | 
				
			||||||
        /* padding: 0.5rem; */
 | 
					        /* padding: 0.5rem; */
 | 
				
			||||||
        margin-left: 0.25rem;
 | 
					        margin-left: 0.375rem;
 | 
				
			||||||
        margin-top: 0.9375rem;
 | 
					        margin-top: 0.9375rem;
 | 
				
			||||||
        margin-right: 0; 
 | 
					        margin-right: 0; 
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -41,7 +41,7 @@
 | 
				
			||||||
  <footer>
 | 
					  <footer>
 | 
				
			||||||
    <p class="attribution">
 | 
					    <p class="attribution">
 | 
				
			||||||
      Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
 | 
					      Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
 | 
				
			||||||
      Coded by <a href="#">Your Name Here</a>.
 | 
					      Coded by <a href="#">Robert McGovern</a>.
 | 
				
			||||||
    </p>
 | 
					    </p>
 | 
				
			||||||
  </footer>
 | 
					  </footer>
 | 
				
			||||||
</body>
 | 
					</body>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 111 KiB  | 
| 
						 | 
					@ -48,7 +48,11 @@ next day
 | 
				
			||||||
    
 | 
					    
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    Still now on to the mobile variant. Can I nail it better?
 | 
					    Still now on to the mobile variant. Can I nail it better?
 | 
				
			||||||
 | 
					    spent an age on this, lots of tweaking. Not quite there but nearly, so nearly
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    so. This is where I gave up.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
Things I've not touched so far:
 | 
					Things I've not touched so far:
 | 
				
			||||||
    main section
 | 
					    main section
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Reference in New Issue