Overflow Issue
https://w5bkz10l-3000.inc1.devtunnels.ms/
I'm trying to find which section is overflowing,
tried inpecting all of them, no luck.
Can you please help
React App
Web site created using create-react-app
5 Replies
please use a different hosting option:
I've used port forwording from github
I'm not clicking "continue" on a warning like that, and I imagine a lot of others aren't either 🤷
Okay, I'll deploy it and post it again
I felt taking some risk today 😉
First of all, don't use width 100% on a block element (by default they take the full available horizonal space)
Second, if you set a width (or height) and add padding, the total box-size will grow. To prevent that, you can use
box-sizing: border-box (that way the padding is included within the set width/height)
A common thing to do is to use a wildcard selector for every element on the page
Ohw, and also that light grey text that was positioned absolute was causing a bit overflow, but you closed the connection before i could tackle that.
next time, you don't need to share a whole react project for a css issue. just copy paste the rendered html/css to a codepen. Way easier for us (and for the ones that don't like to take a risk)