Category "css"

Remove specific HTML div when click on delete button using vuejs

So I have some input fields which are repetitive to fill different data. For every repetition, I also have a delete button. If I click on this delete button, th

How to make mobile menu full-width

I cannot figure out, how to make mobile menu full-width. When I click on hamburger menu, it opens up, but it's only like regular dropdown.I tried many ways to c

Disable CSS transitions on window resize?

I'm surprised I can't find any solutions to this. I've got four square divs which are in a line at full-screen, in a 2x2 grid at mobile size. They change colour

How to create a navigation menu for existing site using HTML, CSS

I am pretty new to coding. My boss is asking me to add a navigation bar to the existing website so all the services are hidden in the Service option. Can anyone

Emmet for React.js Classes: "styles.something"

I am a React developer using VSCode. When you type .hello, it inserts<div className="hello"></div>. However, that is useless because my classes are

Why is the second background image not displaying after rotating my device?

I have two background images to create a layered effect and to keep the file sizes small. There's a repeating star pattern in the back, and a white "cutout" on

Animation css for the last element added with js and Vue

I have an array in which I put all the elements that have the class Box, then I add a new div with Vue, which is added correctly, but I try that the last div th

Place images on same line [Ruby on Rails]

I have badges that are displayed on profile pages But there is this block of white space that fills in. I am not sure how to position the badges appropriately.

Sort a list of products save in localstorage with JavaScript change event listener

I have saved a list of products in localstorgae and I want all my products to be displayed in descending order when I click on one of the combobox items con

How to use css to make div with few sections overflow?

https://jsfiddle.net/g0Lf42bq/6/#&togetherjs=khq05DeHEp I have a div that contains text + icons the icons are visible only when hovering on this div I want

'main' content is occasionally bleeding into footer (but only in staging)

switching a content pipeline away from wordpress. everything is going well but there is a tiny difference that has to be simple but throwing everyone for a loop

Why does Bootsrap overwrite my local stylesheet?

Whenever I import bootstrap like this <link rel="stylesheet" href="./css/style.css"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/

how to move placeholder to top on focus and while typing

I am trying to implement a simple input box where when I click on the box the placeholder value moves to the top but have an issue that it always shows on top.

carousel only with pure javascript - cannot figure out some things

I have a really important project to present next week and I cannot seem to figure out how to do a simple carousel with js and css. I have always used bootstrap

How to clip a background image using css without affecting its size?

I'm using a picture I found on Google Images as a background image. However, a Google Search bar appears at its top. On its left hand side various icons/logs su

county boundaries for US map with large data

I am trying to load all the county boundaries in the initial load. So I researched and found that loadGeoJson will support that. when I test with state boundari

Why does using replaceAll instead of replace give me bad results?

I'm still working on my IDE and I keep running into problems and I'm wondering if I just keep doing something wrong this is the sample of code that I need help

CSS Selector: Clicking on child element based upon value of other child element

Here is the code snippet: I am trying to click on Building Div based upon the title attribute value of class card-details__title. Thanks

Menu Item does not break like but pushes one word over the other when re-sizing window

It's probably something small, but I cannot figure it out. When resizing the browser window, the string in the list items don't break onto a new line. (see imag

Sticky Nav Bar Issues

I am trying to make a sticky navbar but when i do position: fixed it moves my navigation and merges it to the top left. the logo should be on the left and the n