cardsforprint

main
ada 2 years ago
parent 6f71bf6049
commit daea103a21

@ -3,7 +3,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>flex card</title> <title>Oracolotto</title>
<link href="stylesheet.css" rel="stylesheet"> <link href="stylesheet.css" rel="stylesheet">
<script src="circletype.min.js"></script> <script src="circletype.min.js"></script>
@ -111,7 +111,7 @@
<div class="card"> <div class="card">
<p id="up" class="up">'o ccafè</p> <p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p> <p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'> <img src=''>
</div> </div>
<div class="card"> <div class="card">

@ -11,6 +11,7 @@
break-inside: avoid; break-inside: avoid;
} }
.card > img { .card > img {
display: none;
width: calc(100% - 8mm - 8mm); width: calc(100% - 8mm - 8mm);
position: absolute; position: absolute;
top: 0; top: 0;
@ -19,6 +20,7 @@
} }
p { p {
display: none;
position: absolute; position: absolute;
margin: 2mm; margin: 2mm;
width: 100%; width: 100%;
@ -26,6 +28,7 @@ p {
} }
p.down { p.down {
display: none;
bottom:0; bottom:0;
} }

Loading…
Cancel
Save