Name: Aside: Create a flexbox image grid
Uploaded: 2022-09-20T19:21:05.879Z
Duration: 6 min 18 s
Description: Aside: Create a flexbox image grid

scrimba

Watch in fullscreen

Aside: Create a flexbox image grid

by Guil Hernandez

The Frontend Developer Career Path

About

Comments

Notes

Wrap the featured items with flexbox3:37

Aside: Create a flexbox image grid

by Guil Hernandez

The Frontend Developer Career Path

Expand for more info

Wrap the featured items with flexbox3:37

index.html

run

preview

console

<html>
    <head>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div class="image-container">
            <div class="pet-item expand">
                <img src="images/dog-1.jpg" alt="Australian shepherd">
            </div>
            <div class="pet-item">
                <img src="images/cat-1.jpg" alt="Orange tabby cat">               
            </div>
            <div class="pet-item"> 
                <img src="images/dog-2.jpg" alt="Jack Russell Terrier">               
            </div>
            <div class="pet-item">
                <img src="images/cat-2.jpg" alt="Grey tabby cat">                  
            </div>
            <div class="pet-item">
                <img src="images/dog-3.jpg" alt="Remmy the beagle pup">             
            </div>
            <div class="pet-item expand">
                <img src="images/cat-3.jpg" alt="Startled blue-eyed cat">                 
            </div>      
        </div>
    </body>
</html>

<html>

<head>

</head>

<body>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

-6:18