Category "css"

flexbox container wont grow content runs off the page

I am trying to build a simple site using react and bootstrap, but my flexbox container is stuck at a fixed height, and when too many elements are on the page th

Webpage in the same row pictures

I want this photos in the same row what should i change ? I tried float left and other commands but one picture is staying in the lower right corner. <secti

Woocommerce - remove the quantity arrows within the quantity box [duplicate]

I have customised the quantity selector to include plus/minus arrows instead. When you click in the box though, it shows arrows. How can I rem

How can I make my svg's grinder rotate using CSS animations while staying in place?

fellow Devs, I'm currently having trouble making my grinders (or whatever they're called) rotate properly in my svg. Basically I want them to rotate 360deg in p

Why multiple css transitions and transition delay doesn't work together?

I'm trying to run few transitions. one after another(of course not all of them in parallel). But no matter how much I try, nothing works perfectly. If one works

input text animation not working on focus out if there is no text

I have a problem with my search bar When the user clicks on it, it expands with a simple animation in order to allow the user to write, and it should play the a

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