About - Added Leet Code to Social Media Section

This commit is contained in:
Camerin Figueroa 2023-02-12 18:08:28 -05:00
parent aa9bcd2a9f
commit b1e425f408
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

@ -46,8 +46,7 @@
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 {