Creating two row with grid!
Hello everyone! I would like to get some help with a problem that I have with grid.
My content is pushed from the left side and for some reason I can't find a solution to have two rows in the middle.
The global.css
I think I have a problem with the .page-content
12 Replies
I tried flexbox, same result π¦ I guess my eye can't see the problem π
how big are those images ?
you have max-width on your page-content maybe your images are bigger then that
width="1000" height="667"
what happens if you add
img{width: 100%};
you have 2 images side by side that sum up to 2000 px and your page-content has max-width of 1200px which is lower so you get overflowI doesn't solv the problem
well this is all i can't think of with the stuff you provided maybe i could do more if i could play with the code myself π
Thank you for the help! I will provide more info, I just have to do some work π
https://github.com/MrSushi22/jam
If it helps I have a repo for the project
GitHub
GitHub - MrSushi22/jam
Contribute to MrSushi22/jam development by creating an account on GitHub.
well i tried running your code but got an error
TypeError: Expected parameter accessToken
i'm guessing it's from missing env file ?? so if you could recreate your page in codepen that would be great πNever tried codepen, I hope I did it right:
https://codepen.io/MrSushi22/pen/oNQmVEY
you have a fixed width set on the content below the image (the white box) of 1050px so this also cause overflow. try adding
img{width: 100%};
again and remove that fixed widthThank you!'