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

30 Replies
it has to be something in your code, which you have not shared
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
a live version would be best, either hosted somewhere like github pages, or a live code sharing platform like codepen or codesandbox
is this common?
GitHub
GitHub - Anes039/TryDoWeb
Contribute to Anes039/TryDoWeb development by creating an account on GitHub.
here it is
any idea?
that's not a live version of the site, so I haven't looked. I'm not going to clone and deploy a project
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
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
GitHub
GitHub - Anes039/TryDo_App
Contribute to Anes039/TryDo_App development by creating an account on GitHub.
i finished it up but
when i tried to deploy it with build in netlify
i have this error

@Jochem i tried also with github pages
but the same bro
same thing
I have no experience with netlify or building things with github pages
okay but you said deploy it in live i did that and got this
looks like you're either not running a build step, or you're linking your CSS wrong
should i make another post for this?
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.
@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.

Just login with github and choose the repository
i think this is because i have that error
yes yes i am doing that bro
thanks so much
lets see if it works

what do i do now
thank u bro
it worked
thanks a lot
thank u both of u
Is it live now on codesandbox?
Yes
I dont know where was the issue with netlify
so is your original responsive layout issue solved too?
I was wondering the same thing
Yes
Sory for late response
But i had my notifications off