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 text alignment to the left

Browse Source
This commit is contained in:
Hazem Krimi
2021-02-12 00:53:34 +01:00
parent c94703167b
commit 27c66e1578
3 changed files with 111 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Hero.tsx
+14 -12
View File
@@ -1,13 +1,13 @@
import { FC } from 'react';
import styled from 'styled-components';
import Typing from 'react-typing-animation';
import { FC } from "react";
import styled from "styled-components";
import Typing from "react-typing-animation";
const Wrapper = styled.div`
min-height: 45vh;
display: grid;
align-items: center;
height: auto;
text-align: center;
text-align: left;
@media (max-width: 768px) {
min-height: 65vh;
@@ -41,17 +41,19 @@ const Hero: FC = () => {
<Typing speed={15} hideCursor={true} loop={false}>
<h2>Hi</h2>
<h2>I Like Building Things</h2>
<h2 className='green'>
Software Developer ✔️<span className='small'>check</span>
<h2 className="green">
Software Developer ✔️<span className="small">check</span>
</h2>
<h2 className='red'>
Designer 🛑<span className='small'>error: need more practise and feedback</span>
<h2 className="red">
Designer 🛑
<span className="small">error: need more practise and feedback</span>
</h2>
<h2 className='orange'>
Hard Working ⚠️<span className='small'>warning: not always the case</span>
<h2 className="orange">
Hard Working ⚠️
<span className="small">warning: not always the case</span>
</h2>
<h2 className='green'>
Life Long Learner ✔️<span className='small'>check</span>
<h2 className="green">
Life Long Learner ✔️<span className="small">check</span>
</h2>
</Typing>
</Wrapper>