Максим Бенец

Привет, может дело в том что ты не указал width и height для объекта?

попробуй вставить в код блока с картинкоюй это:

width: 500px;
height: 500px;

Вы просто не задали размер картинке, добаьте к li::before сделующий код:

width: 500px;
height: 500px;

Или же замените заданые мною значения на значения размера картинки.

Можно использовать методологию БЭМ.

Вот как примерно должен выглядить код:

<table class = "table">
    <caption>Council budget (in £) 2018</caption>
    <thead class = "table__head">
        <tr class = "head__column">
            <th scope="col" class = "head__item">Items</th>
            <th scope="col" class = "head__item">Expenditure</th>
        </tr>
    </thead>
    <tbody class = "table__body">
        <tr class = "body__column">
            <th class = "body__item" scope="row">Donuts</th>
            <td class = "body__item">3,000</td>
        </tr>
        <tr class = "body__column">
            <th class = "body__item" scope="row">Stationery</th>
            <td class = "body__item">18,000</td>
        </tr>
    </tbody>
</table>

То есть теперь ты можешь обратиться до класа .head__items и стилизировать его как тебе угодно. Вот как это будет выглядить в CSS:

.head__items{
    background-color: red;
}

Установите программу Prepros.

Для того что бы с ним работать, вам достаточно просто перетащить папку в Prepros и он будет компилировать вашы SCSS/SASS файлы в CSS.