How can I make the green (large class) paragraph as large as body (grey part), or at least larger than #contents? I tried this trick, but you'll see that when you reduce the width of the whole page, the paragraph…
I have a working hamburger menu using CSS only. My issue is that I'd like the menu to fill the whole screen when it's open. At the moment when it's open everything in my page gets shown below the menu…
I have this code for a grid: .cards { display: grid; grid-template-columns: repeat(2, 15em); padding: 0.5em; gap: 0.5em; } .cards>div { border: 1px solid blue; } h2 { margin: 0; border-bottom: 1px solid green; } .logo { float: right; border:…
I have implemented the CSP policy in my React app: CSP policy: <meta http-equiv="Content-Security-Policy" content="script-src 'self'; style-src 'self';"> It blocked all the @import statements in my React components because, during rendering in React, it took the styles from the bundle.…
I want users to be able to add CSS in one field and JavaScript in another field in my react app. I assume the answer might be textarea, but I am unsure of the correct input type for this, and…
I want to remove the border on the first list item, the border styling is good, just to remove the first one. I have tried using first-child selector but it's not working, probably missing something. .container { width: 100%; }…
I created a custom select element on my page. I created a loop that goes through all of them and assigns the EventListeners needed. But for some reason, once I have more than one object, the event listeners are all…
I am writing a simple React project testing the lightbox effect using react-photoswipe-gallery. I wrote the onWheel function to implement image zoom in/out on mouse scroll. This function worked just fine for the <div> outside the <Gallery> tag. However, the…
I have made a custom title box and the old one still displays along with the new one when I hover over my icons. I have provided an Image of what is happening. If you look at the image you…
i have an image inside a div and want the image to have some space from the borders of the div its contained in, i have tried adding padding but the image still fills the whole div and seems to…