Added fonts for the Pokemon card

This commit is contained in:
Jason Zhu 2023-03-05 21:59:29 +11:00
parent 8edd8b1040
commit 634b15d0a9
3 changed files with 17 additions and 1 deletions

View File

@ -19,6 +19,18 @@
--water: #539DDF;
}
html {
--pokename: #000;
--cardborder: #fff;
--pokenumber: hsl(228, 28%, 20%);
--info: #fff
}
@font-face {
font-family: 'Press Start 2P';
src: url("assets/PressStart2P-Regular.ttf") format("truetype");
}
.thumbnail__container {
display: flex;
flex-direction: column;
@ -48,6 +60,10 @@
transform: scale(1.2);
}
.thumbnail__container .poke__number {
font-size: 1.75em;
}
.info__icon:hover {
opacity: 1;
}

View File

@ -22,7 +22,7 @@ export function Pokemon() {
</div>
</div>
<div className="image__container">
<img src={testimage} alt="test image" height={150} />
<img src={testimage} alt="test" height={150} />
</div>
<div className="poke__name">
<h3>Charizard</h3>

Binary file not shown.