Design comparison
Solution retrospective
I am not able to make my website responsive. Whenever I try and use media queries I always seem to mess things up. Can someone please guide me on how to use media queries correctly and make a website responsive.
Community feedback
- @Mansour0007Posted almost 3 years ago
Hello debu try using https://www.netlify.com/ to deploy your website you can drag and drop your file and automatically you get the site ready and also try not to use fixed width to elements instead use max-width - min-width
0 - @denieldenPosted almost 3 years ago
Hi debu100,
the preview site of your challenge don't see.
Read this guide for media queries -> Using media queries
happy coding :)
0@debu100Posted almost 3 years agoI don't know what went wrong. I named the file names as index.html and style.css Should I change them to something else??
0@denieldenPosted almost 3 years ago@debu100 yes you have to upload the
index.html
andstyle.css
files in the github repository and activate in the repository settings github page.It probably doesn't work because you have to initialize pages first: read how to do it here -> Pages
0@nakoyawilsonPosted almost 3 years ago@debu100 I took a look at your github repository and your file is currently not named index.html which is why you are currently getting an error when you visit https://debu100.github.io/Frontend-1/.
If you visit https://debu100.github.io/Frontend-1/failedproject.html you can see your project.
I also noticed you have not uploaded your images to github which is why they are not being displayed. When you upload your images you will also need to update the image sources. Your image sources are currently
F:\nft-preview-card-component-main\images\example.jpg
when they should beimages\example.jpg
(assuming you upload all your images to a folder called images).You will also need to fix the link to your style sheet. Instead of:
<link rel="stylesheet" href="F:\nft-preview-card-component-main\failedproject.css">
it should be:
<link rel="stylesheet" href="failedproject.css">
Marked as helpful1@debu100Posted almost 3 years ago@nakoyawilson hello, I will try all the things what you said and try to submit it again.
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