Div background is covering everything on page with solid color

Code Help HTML/CSS/JS
1

Problem description:
Applying background to

in my stylesheet is not working properly.

Expected behavior:
The background change should be only inside the div.

Actual behavior:
It changes the whole background, in fact it covers everything on the page with solid color.

Steps to reproduce:
THIS IS MY HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>My first web</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>DIVS AND SPANS</h1>
    <div><p>I'm inside paragraph 1</p></div>
    <div><p>I'm inside paragraph 2</p></div>
  </body>
</html>

THIS IS MY CSS:

div {background: hotpink;}

Bug appears at this link:
https://replit.com/@ABSGAMES/Clase-de-html#index.html

Browser/OS/Device:
Chrome
Mojave 10.14.6
Mcbook Pro

2

This is a coding issue not a replit bug, you should post things like this in Code Help.

Your Repl is working fine for me:

image
image1600×736 31.9 KB

also if your supplying code please put it in ` Code` or ``` Code ```

Code Code

If you have fixed the issue pleaseadress that you have already fixed the issue, it may not be an issue with Replit it may be a issue with your local matchine / computer as your saying your viewing the issue on a Mojave 10.14.6 OS and a MacBook Pro Computer

4 Likes