beginning to add styles to the quote card

This commit is contained in:
miggymofongo2 2024-06-15 01:25:53 -04:00
parent 1e5086d7a3
commit d0d961f1d3
2 changed files with 25 additions and 7 deletions

View file

@ -2,10 +2,16 @@ import React from 'react';
import './quote.css'
export default function
QuoteCard(props) {
const { name, key } = props;
QuoteCard({ quote, game, name, key}) {
return ( <div><h2>{name}</h2>
<h4>{key}</h4></div>
return ( <div class="quote-wrapper">
<quote>{quote}</quote>
<h2>{name}</h2>
<h3>{game}</h3>
<div></div>
</div>
);
}

View file

@ -1,5 +1,17 @@
.quotes {
@font-face {
font-family: KHGummi;
src: url(../Assets/Fonts/KHGummi.otf);
}
font-family: "../Assets/Fonts/KHGummi";
quote {
font-family: KHGummi;
}
.quote-wrapper {
border: solid black 4px;
padding: 50;
background: none;
cursor: pointer;
margin: 10px 0;
}
}