responsive layout issue

Hello why could be the reason when i reach some amount of like 900 px in screen my layout is messed up it was really good till recentlyyy
No description
30 Replies
Jochem
Jochem6mo ago
it has to be something in your code, which you have not shared
anes039
anes039OP6mo ago
i drag and dropped my components to a new react project and i find out some of my styles were missing i dont know why is that
Jochem
Jochem6mo ago
a live version would be best, either hosted somewhere like github pages, or a live code sharing platform like codepen or codesandbox
anes039
anes039OP6mo ago
is this common?
anes039
anes039OP6mo ago
GitHub
GitHub - Anes039/TryDoWeb
Contribute to Anes039/TryDoWeb development by creating an account on GitHub.
anes039
anes039OP6mo ago
here it is any idea?
Jochem
Jochem6mo ago
that's not a live version of the site, so I haven't looked. I'm not going to clone and deploy a project
anes039
anes039OP6mo ago
okay Failed to load resource: the server responded with a status of 404 () why is that showing now should i change my branch or what
vince
vince6mo ago
I'd recommend putting it in a codepen. You can't put react inside codepen but you can create a minimal reproduceable example. And chances are, when you do that, you'll find the issue
anes039
anes039OP6mo ago
GitHub
GitHub - Anes039/TryDo_App
Contribute to Anes039/TryDo_App development by creating an account on GitHub.
anes039
anes039OP6mo ago
i finished it up but when i tried to deploy it with build in netlify i have this error
anes039
anes039OP6mo ago
No description
anes039
anes039OP6mo ago
@Jochem i tried also with github pages but the same bro same thing
Jochem
Jochem6mo ago
I have no experience with netlify or building things with github pages
anes039
anes039OP6mo ago
okay but you said deploy it in live i did that and got this
Jochem
Jochem6mo ago
looks like you're either not running a build step, or you're linking your CSS wrong
anes039
anes039OP6mo ago
should i make another post for this?
Jochem
Jochem6mo ago
I said people would not be able to help without a live version of the code, and that deploying it is one option you can share the live URL in here, the broken one.
Buoy176
Buoy1766mo ago
@anes039 I think you can recreate it live in https://codesandbox.io
CodeSandbox
CodeSandbox: Instant Cloud Development Environments
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
Jochem
Jochem6mo ago
No description
Buoy176
Buoy1766mo ago
Just login with github and choose the repository
anes039
anes039OP6mo ago
i think this is because i have that error yes yes i am doing that bro thanks so much lets see if it works
anes039
anes039OP6mo ago
No description
anes039
anes039OP6mo ago
what do i do now thank u bro it worked thanks a lot thank u both of u
Buoy176
Buoy1766mo ago
Is it live now on codesandbox?
anes039
anes039OP6mo ago
Yes I dont know where was the issue with netlify
Jochem
Jochem6mo ago
so is your original responsive layout issue solved too?
Buoy176
Buoy1766mo ago
I was wondering the same thing
anes039
anes039OP6mo ago
Yes Sory for late response But i had my notifications off
Want results from more Discord servers?
Add your server