Recurring Background Image

I’ve been trying to set one background image to my website, but the image is recurring, and I don’t know how to fix it. I’ve tried the bacground-repeat property and it didn’t work. I also tried tried the background-size property to no avail. Is there a way I can fix this problem?

Here is the CSS code

mg {
  display: block;
  height: 150px;
  margin-left: auto;
  margin-right: auto;

body {
  font-family: helvetica;
  background-image: url(
  background-size: cover;
  /*background-color: lightblue;*/

.description {
  font-size: 20px;

#cook-time {
  font-weight: bold;

.ingredients {
  list-style: square

p.time {
  color: gray;

.external-link {
  color: seagreen;

.external-link:hover {
  color: red;

Here is the HTML code

<!DOCTYPE html>

  <title>Quinoa and Kale Salad Recipe</title>
  <link href="style.css" type="text/css" rel="stylesheet">


  <img src="" alt="Kale Caeasar Salad" id="ExampleSalad"/>
  <h1>Kale Caesar Quinoa Salad with Roasted Chicken</h1>
  <p class="description">Kale and quinoa provide a healthy base for roasted chicken topped with a light Caesar sauce.</p>

  <p id="cook-time">Total time: 45 minutes</p>

  <ul class="ingredients">
    <li>1/4 cup kale</li>
    <li>1 cup Quinoa</li>
    <li>2 tbsp Olive Oil</li>
    <li>1 chicken breast</li>
    <li>Caesar Dressing</li>

      <p>Prepare quinoa and roast chicken until golden brown and 165 in middle.</p>
      <p class="time">Time: 40 minutes</p>
      <p>Toss quinoa, chicken, kale, and Caesar dressing until coated.</p>
      <p class="time">Time: 4 minutes</p>
      <p>Add walnuts and olive oil as garnish.</p>
      <p class="time">Time: 1 minute</p>

  <p class="citation">Find this recipe and more <a href="" target="_blank" class="external-link">here</a>.</p>



You have a missing semi-colon on your background-image property.

Then just add background-repeat: no-repeat;