I am struggling to incorporate an external CSS file (specifically a background image from a URL) into my HTML document. I have successfully applied internal CSS, so the issue is not with the website link. Despite reviewing similar posts addressing comparable issues, I haven't been able to resolve my problem. As a novice in this field, I suspect the solution may be simple yet eluding me. After investing numerous hours, I reluctantly seek assistance from the knowledgeable online community. Below is my Practice.css code:
body{
background-color: whitesmoke;
background-image: url("https://static.pexels.com/photos/1562/italian-landscape-mountains-nature.jpg");
background-repeat: no-repeat;
background-size: 1400px 750px;}
And here is my Practice.html code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="CSS/Practice.css"/>
</head>
<body>
</body>
</html>
'CSS' refers to the folder where Practice.css resides. I appreciate any help offered in advance.