I have a drop zone where you can drop or select images. And I am using a background-image property to display the image. I am building a post scheduler for Inst
So I have a navigation of 4 links, to 4 divs(pages). I want only one page to show at a time, with the id=home showing first once the page loads. To be clearer,
Currently we are facing an issue related to a div that hides at the end of a data table that we are using in our system. The popup div is working fine from the
thanks in advance,recently I'm learning scrapy and I don't what is the "+" meaning ,here is my codeenter image description here
max-width overrides width, but min-width overrides max-width. - MDN The quote is from MDN documentation, but what they really mean? I don't
I am using Bootstrap 5. I have created 2 columns on my page. This is the output I was getting it. Now, I have to show an orange color from end to end of my lef
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial
I have a bottom navigation that contains 5 elements. When you resize the window lower than 400px, the bottom navigation doesn't "squeeze", so to say; it remains
As an user, I want to see tasks checkbox as gray tick on hover and blue tick when checkbox is checked. <div id="app"> <v-app id="inspire">
I have the following div structure: <div class="0"> <div class="test"></div> </div> <div class="1"> <div class="test"
When the page is displayed on PC or tablet width it works perfectly. When on phone the body leaves empty space on the right. It isn't margin, or padding. I hav
I downloaded this javascript blob graphic, I've added it to my page, and moved it to the right using CSS, But when I move the mouse to interact with the blob, i
I have split a single SVG image into parts and placed them in a single row of a CSS flexbox. The goal is to keep a constant height but allow the width to change
SO community! I'm trying to make an object move at the same phase as scroll using CSS transform. The problem is that I see the animation is not smooth. Instead,
I have a <p> element inside a parent <div> container. The parent container is sized with width and height as a % of the viewport. Upon window-resize
VScode doesn't show me any stylint errors. package.json: ... "postcss": "^8.4.12", "postcss-scss": "^4.0.3", "stylelint": "^14.7.1", "stylel
I have a problem with the searchbar not hiding when reducing the size of the window. Maybe there's a better way to solve the problem but hiding the searchbar, h
Right now I'm coding a menu that has a two column layout. This is the code. HTML: <!DOCTYPE html> <html> <head> <met
A white background can be seen at the bottom of the div, can this be fixed? .flexbox-item_one { display: inline-block; width: 200px; margin: 10px; b
Simply put, I want to change the color of the first two texts of each line to white, but it doesn't work anyway. It is as if the span elements generated by js c