Design comparison
Solution retrospective
I think this is more of a github question. My CSS or pictures wont load with the HTML file. All of my files are there but none of them will load. I am not sure what I am doing wrong but here is the link to my repository.
Community feedback
- @JfuseCodesPosted about 3 years ago
Within the index.html file the href is for the css link is wrong.
Instead of: <link rel="stylesheet" href="/css/styles.css">
It should be: <link rel="stylesheet" href="styles.css">
The way you have it would only work if your css file was in a folder called css. EX: IF IN FOLDER: href="folderName/filename.filetype" IF NO FOLDER: href="fileName.filetype"
Marked as helpful0 - @vanzasetiaPosted about 3 years ago
👋 Hi Carlos Salas!
The file path doesn't match on the GitHub repository. Everything from the CSS file to the images, all on the root folder. So, change the code to something like this:
- CSS
<link rel="stylesheet" href="/styles.css">
- Image
<img class="background_curve" src="/pattern-background-desktop0.svg" alt="">
Hopefully, this will fix the issue that you currently have. One feedback, I would recommend using the
background
properties on thebody
element to make it easier to switch between the desktop and mobile images.0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord