Почему не подгружается картинка?

Question

[Marat White]

Обратите внимание на div с картинкой, не могу через стили вставить картинку. Проблема именно с div'ом почему-то. Пытался засунуть с помощью <img>- все получилось, путь верный. А когда точно так же делаю с div'ом, то все накрывается. Почему же?

import styles from "./Home.module.css";

const Home = () => {
  return (
    <div>
      <h1 style={{ color: "white" }}>Cars-Catalog</h1>
      <div className="">
        <div className={styles.item}>
          <div
            className={styles.image}
            style={{ backgroundImage: "/images-1.jpg" }}
          ></div>
          <h2>Car 1</h2>
          <p>100 000$</p>
          <button className={styles.button}>Read More</button>
        </div>
      </div>
    </div>
  );
};

export default Home;

Answer 1

[Marat White]

Решил. Просто забыл указать размеры div'у

Answer 2

[Danny Arty]

Вы забыли указать url, т.е.

style={{ backgroundImage: `url("/images-1.jpg")` }}

Comments

[Marat White]

точно, забыл.
Но проблему не решило

[Danny Arty]

Marat White, размеры у div - это уже другой вопрос, такой бы ответ вам никто не дал тут, ибо стилей не видно.