my github page css is broken but it works in localhost.

[TeynK]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

I tried to create a GitHub page using Chirpy. I intended to base the design on https://github.com/standing-o/standing-o.github.io, but the CSS files keep rendering incorrectly. However, it works fine locally. Can someone please provide a solution?

localhost

mypage
https://teynk.github.io

Operations you have already tried

I thought the basic.yml file might be the problem, so I started downloading the JS and CSS files it was referencing. However, I wasn't sure, so I only downloaded some of them.

Anything else?

No response

[SoumyaK4]

If you create from chirpy-starter
This is shown.

But it's not showing up in your repository @TeynK
your repo's assets/lib looks unlike usual
How did you create it? Try doing that, using starter might solve problems.

[tis-starlight]

You are mixing two different versions of Chirpy. The standing-o site uses an older version of Chirpy with an outdated Sass architecture, while your repository is based on the latest version but still follows the old Sass structure.

If you want to base your blog on the standing-o, fork the corresponding repository and make changes accordingly. If you prefer to upgrade to the latest version of Chirpy, you will need to manually apply changes. You can review the differences between versions here: Chirpy v6.5.1 to v7.2.4

To test your site before pushing changes to the remote repository, use the scripts available in the tools folder of your repository.

If you’re starting fresh, follow the official Chirpy Getting Started Guide.