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 -->
|
||||
|
||||
<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>
|
||||
|
||||
|
@ -27,7 +29,7 @@
|
|||
<footer>
|
||||
<p class="attribution">
|
||||
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>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
|
||||
The designs were created to the following widths:
|
||||
|
||||
- Mobile: 375px
|
||||
- Desktop: 1440px
|
||||
- Mobile: 375px x 812px (design file is 750x1624)
|
||||
- Desktop: 1440px x 1024px
|
||||
|
||||
## Colors
|
||||
|
||||
|
|
Loading…
Reference in New Issue