franpcode/Crypto-Prices
1
0
Fork 0
mirror of https://github.com/FranP-code/Crypto-Prices.git synced 2025-10-12 23:53:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Header done

Browse Source
This commit is contained in:
Francisco Pessano
2022-01-24 16:13:22 -03:00
parent 6749efb43f
commit 15e901d2ba
2 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/index.html
View File

@@ -24,6 +24,9 @@
work correctly both with client-side routing and a non-root public URL. work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap" rel="stylesheet">
<link <link
rel="stylesheet" rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"

23
src/components/Header/Header.jsx
View File

@@ -1,12 +1,31 @@
import React from 'react'; import React from 'react';
import styled from 'styled-components'
const Header = () => { const Header = () => {
const Header = styled.header`
display: flex;
justify-content: center;
padding: 3vh 0px;
border-bottom: solid 2px #ffffff24;
user-select: none;
h1 {
font-family: 'Raleway', sans-serif;
color: #fff;
}
`
return ( return (
<header> <Header>
<h1>Crypto Page</h1> <h1>Crypto Page</h1>
</header> </Header>
) )
}; };