CSS не применяется к изображению в django

Я пытаюсь создать приложение django, в которое я вставил изображение. Но правило css не применяется к изображению. Изображение находится внутри div, который находится внутри секции

Код файла html: 

<!DOCTYPE html>
{% load static %}
<html lang="en">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<head>
    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />
    <meta charset="UTF-8">
    <title>Venkatesh Akhouri</title>

</head>
<body>
<div class="conatiner">
    <nav class="navbar navbar-expand-sm navbar-light">
        <a class="nav-item nav-link" href="#">Home</a>
        <a class="nav-item nav-link" href="#">Contact</a>
        <a class="nav-item nav-link" href="#">Skills</a>
        <a class="nav-item nav-link" href="#">Projects</a>
    </nav>
</div>

<section id="small-info">
    <div class="row">
        <div class="col-md">
            <img class="my-img" src="{% static 'images/myImg2.jpg' %}" alt="no img">
        </div>
        <div class="col-md">
            <h3> some info</h3>
        </div>
    </div>
</section>

CSS:

body
{
background-color: #cce6ff;
}

.nav-item
{

font-family: font-family: Helvetica, sans-serif;
color: black;
}

.col-md
{
float: left;
width 50%;
}

#small-info .col-md
{
    width: 10px;
    border-radius: 50px;
}

Я знаю, что здесь есть какая-то глупая ошибка, но я не могу определить. Я также пробовал без div, но все равно не работает.

Хорошо, попробуйте мой код, я не знаю, работает ли он, но попробуйте его и дайте мне обратную связь, я надеюсь, что он работает.

Вот мой ответ.

Попробуйте это, если не работает, попробуйте мой Ответ номер два

#small-info .row .col-md .my-img
{
    width: 10px;
    border-radius: 50px;
}

Ответ второй :

#small-info.row.col-md.my-img
{
    width: 10px;
    border-radius: 50px;
}
Вернуться на верх