Menu
Coddy logo textTech

Class profile-card

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

challenge icon

Challenge

Easy

Target class ‘profile-card’:

  1. Set the display to flex.
  2. Set align-items to center.
  3. Set flex-direction to column.
  4. Set padding to 15 pixels. 
  5. Set the border-radius to 24 pixels.
  6. Set the background to white.
  7. Add the box-shadow of your choice.

    Or you can use this:

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

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