hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update hero styles

Browse Source
This commit is contained in:
Hazem Krimi
2021-01-14 23:38:28 +01:00
parent 93ef6cefd9
commit f7d53700e4
1 changed files with 2 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Hero.tsx
+2 -14
View File
@@ -9,7 +9,7 @@ const Wrapper = styled.div`
height: auto; height: auto;
@media (max-width: 768px) { @media (max-width: 768px) {
min-height: 60vh; min-height: 65vh;
} }
h2 { h2 {
@@ -32,18 +32,6 @@ const Wrapper = styled.div`
.red { .red {
color: #d75050; color: #d75050;
} }
.blue {
color: #1573ca;
display: block;
text-align: right;
width: 100%;
margin-top: 1rem;
@media (max-width: 768px) {
margin-top: 0.5rem;
}
}
`; `;
const Hero: FC = () => { const Hero: FC = () => {
@@ -51,7 +39,7 @@ const Hero: FC = () => {
<Wrapper> <Wrapper>
<Typing speed={1} hideCursor={true} loop={false}> <Typing speed={1} hideCursor={true} loop={false}>
<h2>Hi.</h2> <h2>Hi.</h2>
<h2>I can Build Stuff.</h2> <h2>I Can Build Stuff.</h2>
<h2 className='green'> <h2 className='green'>
Full Stack Developer ✔️<span className='small'>check</span> Full Stack Developer ✔️<span className='small'>check</span>
</h2> </h2>