KPC
Kevin Powell - CommunityAbdul Ahad⚡

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
J
Jochem•18d ago
please use a different hosting option:
No description
AA
Abdul Ahad⚡•18d ago
I've used port forwording from github
J
Jochem•18d ago
I'm not clicking "continue" on a warning like that, and I imagine a lot of others aren't either 🤷
AA
Abdul Ahad⚡•18d ago
Okay, I'll deploy it and post it again
M
MarkBoots•18d ago
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 
* { box-sizing: border-box }
* { box-sizing: border-box }
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)
Want results from more Discord servers?
Add your server
More Posts
Using Vite with SCSSSo i was advised to try scss with vite instead of just using node as i was getting errors. What i dAbsolute position with gridI need help to position a text and image inside a grid item which size its 2fr but trying to positiSVGs <use> and not...Hi guys I really would aprecciate come help here. In this HMTL are two ways of using svgs but one ofHandling inner text when element is transform: scale()'d, how to make not blurrier when scaled up?GH:https://github.com/nnall/hm-frontend-Nick.git I have an element in my react return, several realReact + Tailwindcss users? Help with some examples please!I'm trying to learn this damn thing, unfortunately every job here uses it and I've done nothing but Navbar helpi cant get the navbar to go end to end on the pageVS code control panelhey guys does anyone know how can i add source control button in my vs code left panel i tried everyAdding code blocks to websitesI see some websites and blogs like this have these really nicely styled code blocks with syntax highFlexbox column swap without media or container querie.I watched this video by KP (https://www.youtube.com/watch?v=LEkFckg7sfw), and got the flex solution Is there a way to test for css nesting support?I’ve run into some trouble with nesting support on mobile browsers, and I was thinking it might make<a/> in component return being auto-assigned "button" class somehow, overwriting my classNamesThis is the relevant portion of the return: ``` <ul className="quickLink_list"> <li> creating calculator``` let operatorsArray = document.querySelectorAll('.operator') function bgColor(a){ let bgCol