margins and size

main
suzan 2 years ago
parent 3483610f1d
commit d1c34dde7b

@ -25,24 +25,24 @@
"image": "4.jpg" "image": "4.jpg"
}, },
{ {
"name" : "body", "name" : "Resistance",
"text" : "Some text of this card", "text" : "Some text of this card",
"image": "4.jpg" "image": "11.jpg"
}, },
{ {
"name" : "body", "name" : "body",
"text" : "Some text of this card", "text" : "Some text of this card",
"image": "4.jpg" "image": "10.jpg"
}, },
{ {
"name" : "body", "name" : "body",
"text" : "Some text of this card", "text" : "Some text of this card",
"image": "4.jpg" "image": "9.jpg"
}, },
{ {
"name" : "body", "name" : "body",
"text" : "Some text of this card", "text" : "Some text of this card",
"image": "4.jpg" "image": "7.jpg"
}, },
{ {
"name" : "body", "name" : "body",

@ -1,20 +1,19 @@
.card .card
{ {
width: 70mm; width: 8.5cm;
height: 95mm; height: 13.5cm;
border: solid 1px black; border: solid 3px black;
border-radius: 10px; border-radius: 10px;
box-shadow: 5px 5px 0px gray;
float: left; float: left;
margin: 2mm;
position: relative; position: relative;
margin: 2mm;
} }
.card > p.image > img { .card > p.image > img {
width: 50mm; width: 8.5cm;
height: 50mm; height: 12cm;
position: absolute; position: absolute;
top: 30mm; top: 15mm;
left: 10mm; border-radius: 10px;
} }
.card > h2{ .card > h2{
top: 5mm; top: 5mm;
@ -40,5 +39,5 @@
left: 5mm; left: 5mm;
right: 5mm; right: 5mm;
text-align: center; text-align: center;
font-size: 8; font-size: 6.5;
} }
Loading…
Cancel
Save