Menu
Coddy logo textTech

Класс profile-card

Урок 11 из 26 курса Клон карточки профиля Coddy | Front-end проект на Coddy.

challenge icon

Задание

Легко

Целевой класс ‘profile-card’:

  1. Установите display в flex.
  2. Установите align-items в center.
  3. Установите flex-direction в column.
  4. Установите padding в 15 пикселей. 
  5. Установите border-radius в 24 пикселя.
  6. Установите background в white.
  7. Добавьте box-shadow на ваш выбор.

    Или вы можете использовать это:

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

Попробуйте сами

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

Все уроки раздела Клон карточки профиля Coddy | Front-end проект