Blog preview card using HTML and CSS

There is a minor error when adding CSS files to HTML. When you put '/' at the beginning of the path, it looks for that path directly from the main domain or root, which in your case is just after https://waru-guru.github.io, resulting in the final CSS file path https://waru-guru.github.io/static/assets/css/styles.css.

However, your CSS file is stored at https://waru-guru.github.io/blog-preview-card/static/assets/css/styles.css. So instead, use a relative path. Simply add a dot (.) in front of the path, and it should work.

Correct this: <link rel="stylesheet" href="/static/assets/css/styles.css

To this: <link rel="stylesheet" href="./static/assets/css/styles.css">

Edit: I noticed you also did same mistake for the avatar image. Fix that too.

hello @waru-guru after you create the repositry in Github go to the repositry's setting and find the code and automation aside to the left

find the pages and change the branch from none to main (/root) it will generate and live url for your work and you can show your work perfectly ! hope u find this helpful and happy to help anytime ! happy coding

Hi! it's normal that you didn't built your website with github! Normally developers use an editor to build the code (like vs code). It's easier. After you create your code in an editor you just need to create a new repo on github and follow the guidelines (there are also many videos on youtube about that, but it is a very simple process) and after for put online your website you can use a platform like netflify that will use your code on github to deploy the site. I hope I explain in a easy way myself and you understood! good luck!