Design comparison
Solution retrospective
My code is not being built and deployed in github and therefore my live site url doesn't show the design I made. Can I get help with that?
Community feedback
- @IamparvesPosted 9 months ago
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 pathhttps://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.
Marked as helpful0@waru-guruPosted 9 months ago@Iamparves Thank you let me try this and see whether it will build!
0 - @eldon6219Posted 9 months ago
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
Marked as helpful0 - @SaleiuxPosted 9 months ago
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!
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