About - Added Leet Code to Social Media Section

This commit is contained in:
Camerin Figueroa 2023-02-12 18:08:28 -05:00
parent 70029d50e9
commit db5f6596a2
2 changed files with 19 additions and 6 deletions

View File

@ -91,16 +91,18 @@ class About extends React.Component {
<img src="/img/linkedin.webp" alt="LinkedIn"/>
</a>
<a href="https://www.hackerrank.com/figueroa0609" target="_blank" rel="noreferrer" className="link">
<a href="https://www.hackerrank.com/figueroa0609" target="_blank" rel="noreferrer" className="link bg-hackerrank ">
<img src="/img/hackerrank.webp" alt="Hacker Rank"/>
</a>
<a href="https://app.hackthebox.eu/profile/734741" target="_blank" rel="noreferrer" className="link bg-white">
<img src="/img/hackthebox.webp" alt="Hack The Box"/>
</a>
<a href="https://www.udemy.com/user/camerin-figueroa/" target="_blank" rel="noreferrer" className="link">
<a href="https://www.udemy.com/user/camerin-figueroa/" target="_blank" rel="noreferrer" className="link bg-white">
<img src="/img/udemy.webp" alt="Udemy"/>
</a>
<a href="https://leetcode.com/RaspberryProgramming/" target="_blank" rel="noreferrer" className="link bg-black">
<img src="/img/leetcode_logo.webp" alt="leet code"/>
</a>
</div>
</div>

View File

@ -39,15 +39,14 @@
}
.About .links .link img {
width: 10rem;
width:10rem;
}
.About .links .link {
margin: 10px;
}
.About .link.bg-white {
background-color: white;
.About .link {
border-radius: 5px;
display:flex;
height: 10rem;
@ -57,6 +56,18 @@
margin: 5px;
}
.About .link.bg-white {
background-color: white;
}
.About .link.bg-black{
background-color: black;
}
.About .link.bg-hackerrank {
background-color: rgb(14, 20, 25);
}
@media only screen and (max-width: 600px) {
.About .links .link img {