<html>
    <head>
        <link rel="stylesheet" href="styles.css" />
    </head>
    <body>
    <!-- 
    Challenge:
    Use what you've just learned to fix our card's broken 
    column layout (make it two-column instead of four-column)
     -->
        <div class="card">
            <img
                src="images/per.png"
                alt="Per Harald Borgen smiling at the camera with a colorful background" class="avatar">
            <h3>Per Harald Borgen</h3>
            <p>Frontend Developer</p>
            <h4>Oslo, Norway</h4>
        </div>
    </body>
</html>

<html>

<head>

</head>

<body>

<!--

Challenge:

Use what you've just learned to fix our card's broken

column layout (make it two-column instead of four-column)

-->

<img

src="images/per.png"

alt="Per Harald Borgen smiling at the camera with a colorful background"

class="avatar">

<h3>Per Harald Borgen</h3>

<p>Frontend Developer</p>

<h4>Oslo, Norway</h4>

</div>

</body>

</html>

-1:37