Layout Issue
The issue is with this second layout when i try to change the screens he goes like this
https://codepen.io/Anes039/pen/MWMaXJb
10 Replies
i added this code in code pen but i did it really in react though
The point of sharing your code in codepen is so that people can click a link and see the problem in action in their own browser. I think you can set a codepen up to process JSX in the JS tab (set the preprocessor to babel in the pen settings for JS). Alternatively you can copy the rendered HTML from your browser and try to use it like that
okay let me try it
otherwise, just use a codeblock and share your code in here, but keep in mind that layout issues are more likely to get answers if people can see the layout issue in their own browser. You can definitely use some other code sharing platform to run React projects, it'll just require a little more setup
how do i copy my rendered html , at page source maybe?
open the inspector, rightclick the body tag, copy, copy outerhtml
now the styles are not being applied
then make a minimal example by hand, or use a different service that supports just running entire react projects
there's some linked in #How To Ask Good Questions I think
okay
thanks
You could also use codesandbox or scrimba for your original code w react dependencies