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
|
||||||
|
|
||||||
|
|
Reference in New Issue