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.
- The name of the site e.g.
mysite.netlify.com
- The custom domain used on the site
- The build settings from the Netlify UI
- A link to the latest build log
- The repository you are deploying from.
Runtime
Not setBase directory
Not setBuild command
Not setPublish directory
Not setDeploy log visibility
Logs are publicBuild status
Active
-
no clue where to get that
There is a style.css
in the repository and this file deploy https://3coo.netlify.app/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