Class profile-img

Lesson 16 of 26 in Coddy's Coddy Profile Card Clone | Front-end project course.

Challenge

Easy

Target class ‘profile-img’:

Set height and width at 100%.
Set the border-radius to 50%.
Set object-fit to cover.

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

All lessons in Coddy Profile Card Clone | Front-end project

1Introduction

4CSS - II

2HTML

Class corners and images

5CSS - III

3CSS - I

Class profile-img Project lesson