Why wont my site deploy my css code

I made css code for my site but it isnt deploying for whatever reason
(i use a custom domain)

In order to assist, you will need to provide further details.

  1. The name of the site e.g. mysite.netlify.com
  2. The custom domain used on the site
  3. The build settings from the Netlify UI
  4. A link to the latest build log
  5. The repository you are deploying from.
  1. https://3coo.netlify.app/
  2. https://fun.aabss.site/

Runtime
Not set

Base directory
Not set

Build command
Not set

Publish directory
Not set

Deploy log visibility
Logs are public

Build status

Active

  1. no clue where to get that

  2. GitHub - aabssmc/games

There is a style.css in the repository and this file deploy https://3coo.netlify.app/style.css

1 Like

it works on the https://3coo.netlify.app link but not the https://fun.aabss.site link

I see the same thing on both. The css file is https://fun.aabss.site/style.css

on aabss.site it shows

body {
	text-align: center;
	background-color: #222;
	color: #fff;
}

#search-bar {
	padding: 10px;
	width: 300px;
	border-radius: 5px;
	border: none;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	background-color: #444;
	color: #fff;
}

.image-button {
	display: inline-block;
	margin: 10px;
	border: none;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	background-color: #333;
}

.image-button img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.image-button p {
	margin: 0;
	padding: 10px;
	text-align: center;
	background-color: #444;
	color: #fff;

and on netlify it shows

body {
    text-align: center;
    font-family: Arial, sans-serif;
    background-color: #222;
    color: #fff;
}

footer {
  font-family: Arial, sans-serif;
}

.description {
  margin-top: 50px;
  padding: 50px;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

#search-bar {
    padding: 10px;
    width: 300px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background-color: #444;
    color: #fff;
}


.image-button {
  display: inline-block;
  margin: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  background-color: #333;
  position: relative;
  overflow: hidden;
  width: 250px; /* change this to your desired width */
  height: 250px; /* change this to your desired height */
}

.image-button img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.image-button p {
    margin: 0;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    background-color: #444;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

Again, I see the same on both (see screenshots below.) It is highly likely the incorrect one is cached on your device. Try opening both sites in a different browser, private/incognito window. If you are still seeing different results, provide an x-nf-request-id as outlined in [Support Guide] Netlify Support asked for the 'x-nf-request-id' header? What is it and how do I find it?

Also, the hashes for both are the same meaning the are the same file

curl -s https://fun.aabss.site/style.css | sha1sum
378c0465fbbd1d15056a6acebb095b30138c8d29  -
# AND
curl -s https://3coo.netlify.app/style.css | sha1sum
378c0465fbbd1d15056a6acebb095b30138c8d29  -

oh, i guess it’s just cached because i did the ingocnito thing and it worked, thanks