My goal is to create a responsive design for my website, but I am encountering issues with importing the CSS files into the HTML. When I try to view the site in both the Windows version of Chrome and the Android version, all I see is a white screen. I am currently debugging via USB through Chrome.
Here are the files:
HTML
<?php
require_once("Includes/simplecms-config.php");
require_once("Includes/connectDB.php");
require_once("Includes/session.php");
?>
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="../Styles/global-style.css">
<link rel="stylesheet" href="../Styles/font-face.css">
<link rel="stylesheet" href="../Styles/input.css">
<script src="../script/main_script.js"></script>
<title></title>
</head>
<body id="fullWrapper">
<div id="logo">the point</div>
</body>
</html>
The mobile version is located in a directory called 'mobile', so the link would be:
localhost:8080/mobile/index.php
And the CSS files can be found at:
localhost:8080/styles/global-style.csslocalhost:8080/styles/font-face.csslocalhost:8080/styles/input.css
I have attempted to adjust the file locations for the CSS files, placing one in the main directory folder and another in the mobile folder.