Css not linking to Html file when published

During development the css file is linking and functioning well with the Html file. It displays as expected in any browser. However from the time it is published with my hosting provider it appears that the css does not link to the Html file any longer. In both cases the index.html and the css files are in the same directory and folder. The pics though are in separate folder for better organization of the data. Here’s my Html code:

<!DOCTYPE html>

<html lang="En">
        <title>The Website</title>
        <link rel="StyleSheet"  type="text/css"  media="screen" href="styleHome.css"/>
        <meta charset="UTF-8">
    <body  >
        <div class = "container">
            <div class="header" id="title" ><h1>Quality Lamps and Furniture</h1></div>

            <div class="navi" >                
                        <li><a class="selected">Home</a></li>
                        <li><a href="" >About</a></li>
                        <li><a href="">Contact</a></li>
            <div class ="main">
                <div class="item1">  
                    <img class=" rectborder size1" id="lampshade"  src="pictures/lampshades/Shade1.png" alt="Lampshades">
                    <h3> Lamp shades</h3> 

                <div class="item3">
                    <img class="pic rectborder " src="Pictures/Spindles/spindle1.jpg" alt="Spindles">  
                     <h3> Spindles</h3>                       
                <div class="item2">
                      <img class="rectborder size2"   src="Pictures/Lamps/lamp.jpg" alt="Lamps"> 
            <div class = "footer">
                copyright &copy; 2020 George Renee