Изображение

Урок 18 из 23 курса Слайдер | Front-end проект на Coddy.

Задание

Легко

Целевой класс img:

1. Установите цвет фона по вашему выбору.

2. Установите height и width по вашему выбору (рекомендуется 100px).

3. Установите радиус границы на 50%.

Целевой тег img в классе img:

1. Установите width и height по вашему выбору (убедитесь, что значения как минимум на 10 пикселей меньше, чем у класса img)

2. Установите радиус границы на 50%.

3. Установите object-fit на cover.

4. Установите границу (border) по вашему выбору.

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

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

Изображение

Все уроки раздела Слайдер | Front-end проект