Category "css"

absolute positioning with respect to scalable element

In the following example code I have an outer div ("div1", relative position), which has viewport size. Inside there is a img which is scaled as large as possib

absolute positioning with respect to scalable element

In the following example code I have an outer div ("div1", relative position), which has viewport size. Inside there is a img which is scaled as large as possib

div array won't close when external close button div is clicked (Javascript)

I'm actually occurring a situation when making an accordion. I already add a close button (x text) inside my div to close the accordion, but it won't close afte

how to customize design of CSS Framework for developing responsive and mobile-first websites

I want to use a CSS Framework for developing responsive and mobile-first websites like bootstrap, ant design, may be Tailwind CSS, or material, any framework Bu

Bootstrap's 'active' buttons not working properly

I'm working on this website here: https://shmoss.github.io/Gibbs-Lab/index.html As you can see, I have a nav-bar with buttons for navigation. Normally, I set a

Avoid conflicts of multiple CSS frameworks and style classes

I am currently implementing a plugin that gets dynamically incrusted into a DIV (not an iframe) and am currently using Bulma as my CSS framework. The issue I am

How do you implement a simple progress bar in Angular 8?

I would like to implement a progress bar which increases progressively as a variable increases. I've tried it 3 ways, none of them work as I wrote it. Using CSS

SCSS Duplicate Rule Elimination

I am currently starting up a front-end build somebody else made. The project is not letting me do a commit until the linter check succeeds. It tells me that the

How do I fix the "The shadow-piercing descendant combinator (>>>) is deprecated" warning on ng build for production

I'm getting ng-build -c production warnings for all my css in styles that have a '>>>' notation. Warning: ▲ [WARNING] Unexpected ">" /Users/m

How can I fix this audit warn usage error of vue

>>>app vue code and addtask code: <template> <div class="container"> <Header title="Task Tracker" /> <AddTask @add-task=

how to attach picture to another picture?

I want to do synchronising device, it measures phase shift between phases. It's a measurement device, that have a pointer like a clock. It consists of two imag

Is there a way to keep elements fixed in some point of a image that have object-fit: cover property?

I have a image in 16:9 (1920 x 1080) of a draw with some led light strips on it. My objective is to implement a div of a gradient color to simulate a light effe

Hero section video overflowing (CSS/React)

How do you make a navbar and hero section that fills the height of the screen, and not scrollable? Currently I am trying: My nav css: .NavStyle { top: 0; wi

overflow-x: scroll and overflow-y: visible alternative

I have a list which is rendering images (horizontally with scroll): <div id="my-cool-wrapper"> ... // My cool wrapper has more elements (apart from li

Google Blogspot (post-share-buttons) social media removed

There is a share button on my blog I would like to remove all social media and leave only functional (link). I can edit the HTML, but I can't find the code I ne

Chaining animations when one is completed jquery

i am trying to get familiar with jquery by doing some animations. The goal of the code that I will show is to rotate an image on mouse hover then make 3 other i

Why is there a gap between the header and the main div?

There is a gap between the header and the main that is the same color as the background color I set for the body tag (black). I've tried making overflow: hidden

Add responsiveness to reactjs landing page

We have large react application without using any UI framework, we build all UI component our own. Now we need to make landing page portion responsive (it's par

Centering a bootstrap grid on page

I have been trying to get a Bootstrap grid to center vertically on my page, but can't seem to get it to center. Horizontal center works fine. HTML: <div clas

WordPress css issue in WordPress cart

enter image description here WordPress css issue in WordPress cart