NFT preview card component beautifully designed with html and css
Design comparison
Solution retrospective
please ensure to give your comments and please i am asking how do i make my css display on github with my html cause its only my html code that is showing on the browser when i view it on github. Your comments will be appreciated
Community feedback
- @brian-jensenPosted about 2 years ago
Objayemmy, there are 2 different issues going on. As you did not name your html file index.html (which is what gh-pages looks for), you need to access the live site via https://objayemmy.github.io/NFT-preview-card-project/nftindex.html
The next issue is that inside of your nftindex.html file you have href="css/nftstyle.css" which is referencing a css folder that does not exist in your repo.
Marked as helpful1@ObjayemmyPosted about 2 years ago@brian-jensen thanks so much I really appreciate, I already renamed them and changed the href but still it's not working don't know what else to do
0@ObjayemmyPosted about 2 years ago@brian-jensen i have made proper changes and it's showing now thanks so much brian!
1 - @correlucasPosted about 2 years ago
πΎHello @Objayemmy, Congratulations on completing this challenge!
Your preview site its not displaying yet, first of all you need to configure the Github Page and update your solution inserting the new link.
My suggestion for your is to use
vercel
ornetlify
since Github Pages its kinda tricky to configure. But if you really want to use Github Pages you can try to follow this guide to use it and fix the settings for your pagehttps://docs.github.com/en/pages/quickstart
.In case you choose
netlify.com
orvercel.com
, in a matter of 5 minutes your preview site is online. All you need to do is to connect the Github account, import the repository and deploy it. Fixing that you've to update the solution with the new link and we'll be able to see your live site and help you.βοΈ I hope this helps you and happy coding!
0 - @denieldenPosted about 2 years ago
Hi Opeyemi, congratulations on completing the challenge, great job! π
The file must be named
index.html
and notnftindex.html
Also add
main
tag and wrap the card for improve the AccessibilityHope this help! Happy coding π
0@ObjayemmyPosted about 2 years ago@denielden yes it is helpful, thanks so much
1@denieldenPosted about 2 years ago@Objayemmy you are welcome and keep it up :)
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