Basic styling from style.md. Noted sizes from style doc. Added name and email address to attribution
This commit is contained in:
		
							parent
							
								
									732f30c7df
								
							
						
					
					
						commit
						ca4fa0b90a
					
				| 
						 | 
					@ -0,0 +1,25 @@
 | 
				
			||||||
 | 
					@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;600;700&display=swap');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					:root {
 | 
				
			||||||
 | 
					    /* primary */
 | 
				
			||||||
 | 
					    font-size: 16px;
 | 
				
			||||||
 | 
					    --site-blue: hsl(223, 87%, 63%); 
 | 
				
			||||||
 | 
					    /* secondary */
 | 
				
			||||||
 | 
					    --site-paleBlue: hsl(223, 100%, 88%);
 | 
				
			||||||
 | 
					    --site-lightRed: hsl(354, 100%, 66%);
 | 
				
			||||||
 | 
					    /* neutral */
 | 
				
			||||||
 | 
					    --site-gray: hsl(0, 0%, 59%);
 | 
				
			||||||
 | 
					    --site-veryDarkBlue: hsl(209, 33%, 12%);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					* {
 | 
				
			||||||
 | 
					    margin: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					body {
 | 
				
			||||||
 | 
					    font-family: 'Libre Franklin', sans-serif;
 | 
				
			||||||
 | 
					    font-size: 20px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media screen and (max-width: 600px) {
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -5,6 +5,8 @@
 | 
				
			||||||
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
 | 
					  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
 | 
					  <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
 | 
				
			||||||
 | 
					  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
 | 
				
			||||||
 | 
					  <link rel="stylesheet" href="css/style.css">
 | 
				
			||||||
  
 | 
					  
 | 
				
			||||||
  <title>Frontend Mentor | Ping coming soon page</title>
 | 
					  <title>Frontend Mentor | Ping coming soon page</title>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -27,7 +29,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="mailto:work@tarasis.net">Robert McGovern</a>.
 | 
				
			||||||
    </p>
 | 
					    </p>
 | 
				
			||||||
  </footer>
 | 
					  </footer>
 | 
				
			||||||
</body>
 | 
					</body>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -4,8 +4,8 @@
 | 
				
			||||||
 | 
					
 | 
				
			||||||
The designs were created to the following widths:
 | 
					The designs were created to the following widths:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
- Mobile: 375px
 | 
					- Mobile: 375px x 812px (design file is 750x1624)
 | 
				
			||||||
- Desktop: 1440px
 | 
					- Desktop: 1440px x 1024px 
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## Colors
 | 
					## Colors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue