Name: Solution: Playing Card - 4 of Hearts
Uploaded: 2023-02-27T20:47:44.733Z
Duration: 4 min 49 s
Description: Solution: Playing Card - 4 of Hearts

scrimba

Watch in fullscreen

Solution: Playing Card - 4 of Hearts

by Treasure Porth

CSS Challenges

About

Comments

Notes

Challenge: Adjustable Progress Bar2:09

Solution: Playing Card - 4 of Hearts

by Treasure Porth

CSS Challenges

Expand for more info

Challenge: Adjustable Progress Bar2:09

index.html

run

preview

console

<!doctype html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div class="container">
            <div class="card">
                <div class="left">
                    <div>4</div>
                    <div>&hearts;</div> 
                </div>
                <div class="middle">
                    <div>&hearts;</div>
                    <div>&hearts;</div>
                    <div>&hearts;</div>
                    <div>&hearts;</div>
                </div>
                <div class="right">
                    <div>4</div>
                    <div>&hearts;</div>
                </div>
            </div>
        </div>
    </body>
</html>

<!doctype html>

<html>

<head>

</head>

<body>

<div>&hearts;</div>

</div>

<div>&hearts;</div>

</div>

<div>&hearts;</div>

</div>

</body>

</html>

-4:49