Hi!
- Remove footer tag and intstead of this try to use role
<div role="contentinfo" class="attribution">
also add selector
.attribution {
position: absolute;
bottom: 0;
/.../
}
Absolute positioned elements are removed from the normal flow so it doesn't "move" .card box.
- Add to .card selector radius
.card {
border-radius: 20px;
/.../
}
- add font called 'Outfit' adding this in your <head> tag
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap" rel="stylesheet">
and then add selector
* {
font-family: "Outfit", sans-serif;
}
Gooluck! :D