Blog preview card using HTML and CSS

Community feedback

• 

  Parves Hossain Rabby•560

  @IamparvesPosted 10 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 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.

  Marked as helpful

  0

  ---

  

  waru-guru•60

  @waru-guruPosted 10 months ago

  @Iamparves Thank you let me try this and see whether it will build!

  0
• 

  Don•380

  @eldon6219Posted 10 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 helpful

  0

  ---

  

  waru-guru•60

  @waru-guruPosted 10 months ago

  @eldon6219 Thank you! let me try that.

  0
• 

  Saleiux•230

  @SaleiuxPosted 10 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

  ---

  

  waru-guru•60

  @waru-guruPosted 10 months ago

  @Saleiux Thank you for your feedback!

  0