- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test: Arranging the cards</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="deck">
<img class="ten" src="cards/10.png" alt="Ten">
<img class="jack" src="cards/jack.png" alt="Jack">
<img class="queen" src="cards/queen.png" alt="Queen">
<img class="king" src="cards/king.png" alt="King">
<img class="ace" src="cards/ace.png" alt="Ace">
</div>
</body>
</html>
CSS
html,
body {
margin: 0;
padding: 0;
width: 570px;
height: 250px;
}
.deck {
margin: 0 auto;
padding-top: 50px;
width: 570px;
}
.deck > img {
position: relative;
display: inline-block;
margin-right: -4px;
width: 110px;
}
- Goal
- Result
- Overlay
- Differences
- ?
Press Compare to send your code for review.