Website problem

so basically in the first photo as u can see the hero section didn't fit at all while i'm using live server from vscode and as u can see at the project section all pics are shown. but at the second pic: it is opened from index.html without live server and as u can see the hero section is completely fit and the images don't show up. Can somebody tell me what is going here cuz i'm literally confused because this never happenned to me before
9 Replies
Jochem
Jochem•11mo ago
your images probably aren't showing up because they're not using the right path if you're just opening the html file that also implies that the reason things don't fit properly, is because of the images but as always, without a live version of your code, it's very hard to tell
samidev
samidev•11mo ago
if you could help i can send the code here rn and fix it cuz fr it was really great before but now idk it just happenned and i cannot fix it
Jochem
Jochem•11mo ago
put it in a codepen or host it on github pages or codesandbox or anything, just make it so that people can see, then they can help I don't know if I'll be able to, but no one can without seeing your code. Check out #how-to-ask-good-questions for tips on sharing right now you're showing up at a car mechanic on foot, with a picture of the outside of your car, asking if they can fix the seat belts
samidev
samidev•11mo ago
GitHub
GitHub - clapycodes/phormicotec
Contribute to clapycodes/phormicotec development by creating an account on GitHub.
samidev
samidev•11mo ago
here is github repository
Jochem
Jochem•11mo ago
can you set up github pages for that or something, or host it somewhere else like codesandbox? I can't see the live site based on just the repo
samidev
samidev•11mo ago
CodeSandbox
clapycodes/phormicotec - CodeSandbox
The online code editor tailored for web applications
Joao
Joao•11mo ago
It looks like you are simply using an image that is not wide enough. If you look closely, the first screenshot is wider than the second. As you increase the viewport you will also notice that the image, at one point, doesn't cover the entire screen anymore May I ask where did you come up with the names for the colors? 😄 The custom properties I mean
samidev
samidev•11mo ago
bruh just from my mind