Stylesheet not loading (file structure of webpage does not match repo)

Hi Guys, I was learning Github on codeacademy and managed to commit my HTML, CSS and Media for the practice website.

The link to this repo is: https://github.com/luveshsadhwani/excursion

When I viewed the webpage on https://luveshsadhwani.github.io/excursion/ , I inspected the page and saw that the file structure did not match the repo. The resources folder should be a child of the excursion folder.

The resources folder is a child of the excursion one, and that’s why your CSS isn’t working. It’s included in your index.html like this:

    <link rel="stylesheet" href="/resources/css/style.css">

There’s an absolute link (starting with /), so the browser will try to find the stylesheet on the same host with that exact path. To search inside the excursion make it a relative link. The easiest way to do that is simply to remove the leading slash:

    <link rel="stylesheet" href="resources/css/style.css">