What to do when CSS seems to not be functioning properly on GitHub pages

https://github.com/Leevance-singh/tech

I've been facing an issue with CSS not working on my GitHub pages. Despite searching through over 40 forums and solutions, I still can't seem to get it to work. The href is correctly pointing towards the CSS file, but I am unable to see any changes reflected live on the website.

Answer №1

To maintain organization, it is recommended to save your CSS file in a separate folder named "css" and name the file as styles.css with all lowercase letters.

Update your link to

<link rel="stylesheet" type="text/css" href="css/styles.css">

For more information on linking, visit this helpful resource:

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Issue with background/hero video not adjusting its size

I've been experimenting with creating a page that features a video as the background, but no matter what I try, the video never seems to resize properly. The image below shows how it looks: image in question body { margin: 0; } .hero-se ...

Having trouble repositioning a div element in CSS

I am having an issue with my code. The problem I'm facing is that I am unable to move the green div.free_space below the other two divs, div.main_pic and div.navigation. I don't understand why this is happening. As I am still learning, I would g ...

Is it possible to utilize a variable while assigning an element id through a JavaScript function?

Currently, I am in the process of learning JavaScript and have come across a scenario that has left me uncertain. I am attempting to utilize a variable in a particular situation and am unsure if it will work as expected. I am looking to assign a unique id ...

Transforming the Form of a Div with CSS or JQuery

Is there a way to change the shape of a div using CSS or jQuery like shown below? https://i.sstatic.net/mQUkk.jpg I have some content inside the div, for example, Lorem ipsum... But I would like the shape to be transformed using CSS. Is this possible? ...

Using Javascript to dynamically add variables to a form submission process

Looking to enhance my javascript skills, I've created a script that locates an existing id and exchanges it with a form. Inside this form, I'm aiming to incorporate javascript variables into the submit url. Unsure if this is feasible or if I&apo ...

Once the Angular project has been initialized, the Button disable attribute cannot be modified

In my Ionic-Angular project, I am creating registration pages where users input their information in multiple steps. For each step, there is a button that remains disabled until the correct information is entered. An issue arises when transitioning to the ...

Tips on vertically aligning a div using Bootstrap

I'm looking to vertically align a card in the center <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorig ...

Implement a Selection Feature in Angular

Currently, I am working on an application where users can add new rows with the same fields. One of the requirements is to allow users to add an option to a select element. While I have successfully implemented this in jQuery, I am facing challenges integr ...

What is the best way to bring in an SVG file to be able to access its attributes?

Currently, I am working with a large SVG and my goal is to access its 'path' to make modifications. Originally, I inserted the SVG directly into my application, but now I want to organize my code better by moving the SVG into its own file. This w ...

Ways to display the number of files that have been chosen

I have included the code below in my project, and I am looking to customize the default style of the file selection button. However, after selecting files, the total count of files is not displayed. Is there a way to show the total count of selected files ...

The lightbox is triggered by clicking on a different div to display its content

Great news - my lightbox is up and running! Each image on my website corresponds to a different organization, and clicking on the image opens a specific lightbox. My question is: how can I have a lightbox configured so that only the trigger image is displ ...

Anchor tags named landing in the center of the div rather than the top

Currently, I am utilizing named anchor tags to create hyperlinks to a specific div on another page. However, these hyperlinks direct users to the middle of the div, causing the main heading to go unnoticed. For instance, clicking on this link brings you to ...

Creating a gallery row that wraps onto a new line using flex properties

I've been attempting to create a gallery-like layout using flexbox, where the divs are displayed in rows of three columns each. However, I'm facing an issue where all the divs align in one row without dropping to the next line when there are more ...

Images that are not aligned to the left

I'm really struggling with this issue that seems so simple. I am trying to create a grid layout of images like the following: [Image] [Image] | [ Big [Image] [Image] | Image ] Creating the grid with just images is not difficult for me, but th ...

Having trouble getting the card to adapt to different screen sizes on mobile devices

Can someone please take a look at this website? It seems to display correctly and function well when viewed in full size on a browser, but for some reason, when I try to access it from a mobile device or using the Chrome device emulator, both the bootstra ...

Issue with custom page not displaying summary image in Moodle

Whenever I try to fetch a summary image on my customized page, it does not show the image's name and instead displays a small icon image. echo format_text($course->summary); Click here for an example image ...

Improper alignment on mobile devices

Looking to enhance the website for an organization? Check out this link: www.notevayaslionel.com The website looks great on desktop, but on mobile devices, there seems to be a problem where the background image appears larger than the screen, causing sid ...

How come my header keeps getting in the way of my hyperlink?

Why is my #menu <a> element moving to a different location every time I add my #menubarheader <h1>? Despite my knowledge of html and css, I can't seem to find a solution to this issue. Here's my code, any help would be appreciated. H ...

Icons and texts are not appearing in the Bootstrap Navbar

I'm having an issue with displaying the brand logo along with a compact disk image and some text. The code works fine everywhere except within the tag.</p> <p>Here's the code snippet I'm working with, using Django on the backend ...

I am interested in extracting information from the Firebase real-time database and showcasing it on my HTML webpage

I am struggling to display data from the Firebase real-time database on my HTML page. Even though I can see all the data perfectly in the console, it doesn't show up on the webpage. I attempted to use a for loop, but it still doesn't display the ...