Basic styling from style.md. Noted sizes from style doc. Added name and email address to attribution

This commit is contained in:
Robert McGovern 2020-09-06 11:27:32 +01:00
parent 732f30c7df
commit ca4fa0b90a
3 changed files with 30 additions and 3 deletions

View File

@ -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) {
}

View File

@ -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>

View File

@ -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