mirror of
https://github.com/hazemKrimi/personal-website.git
synced 2026-05-01 18:00:26 +00:00
Update hero section
This commit is contained in:
+6
-13
@@ -11,7 +11,7 @@ const Wrapper = styled.div`
|
|||||||
height: auto;
|
height: auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 425px) {
|
||||||
min-height: 65vh;
|
min-height: 65vh;
|
||||||
grid-template-columns: auto;
|
grid-template-columns: auto;
|
||||||
|
|
||||||
@@ -41,8 +41,8 @@ const Wrapper = styled.div`
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.green {
|
.blue {
|
||||||
color: #73d26b;
|
color: #1573ca;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
@@ -54,16 +54,9 @@ const Hero: FC = () => {
|
|||||||
<div className='intro'>
|
<div className='intro'>
|
||||||
<h2>Hi, I am Hazem</h2>
|
<h2>Hi, I am Hazem</h2>
|
||||||
<h2>I Like Building Things</h2>
|
<h2>I Like Building Things</h2>
|
||||||
<h2 className='green'>
|
<h2 className='blue'>Software Developer</h2>
|
||||||
Software Developer ✔️<span className='small'>check</span>
|
<h2 className='blue'>Hard Working</h2>
|
||||||
</h2>
|
<h2 className='blue'>Life Long Learner</h2>
|
||||||
<h2 className='green'>
|
|
||||||
Hard Working ✔️
|
|
||||||
<span className='small'>check</span>
|
|
||||||
</h2>
|
|
||||||
<h2 className='green'>
|
|
||||||
Life Long Learner ✔️<span className='small'>check</span>
|
|
||||||
</h2>
|
|
||||||
</div>
|
</div>
|
||||||
<div className='illustration'>
|
<div className='illustration'>
|
||||||
<Image
|
<Image
|
||||||
|
|||||||
Reference in New Issue
Block a user