Category "css"

button is not aligned with other component in bootstrap

How to align the button along with other component. means button should be on same line. it is above other components. <div className="row mb-12">

Google Cloud Storage seeing incorrect content type on my static files

My google cloud storage browser is seeing the incorrect content-type on all of my static files (css, js, jpg, etc.) and this is causing a mime type error when s

How can I prevent FilePond creating overlay for success, idle, and failure all at once?

I've enabled image preview for my FilePond component using the image preview plugin. However, when uploading an image the preview has overlays created for when

HTML table border spacing

I am trying to give spacing between columns in a html table, Actually, I thought I just wanted spacing at the right side of each column. So far, I only mana

Can an iframe use assets from parent page?

I would like to use a font in an iframe which I know will be loaded already in the parent html page: can the iframe css simply refer to it as if the user has it

CSS: Using hsl variable in hsla?

Say I have a CSS variable for an hsl defined as such: --white-1: hsl(0deg 0% 100%); Now, I want to use that same white, but at 50% opacity. So, something like

Javascript / JQuery Contenteditable resize handles should set table column width parameter

I'm looking for a solution primarily supported by Webkit browsers (Chrome / Edge / Safari) that allows table columns to change the actual width of these columns

How to prevent an animation from pausing between keyframes and, additionally, make it run even when not on mouse hover

I have a two part question regarding a single code. I've been trying to make a text the letters of which will jump and flip on hover and so far I've managed to

Grid Items overflow out of parent container using CSS Grid

I am currently dealing with an issue with grid items overflowing the parent container. I'm not sure how to rectify this issue. If I resize the viewport the form

Remove border color for navbar-toggler Hamburger icon in Bootstrap using CSS

I've been stuck in this for a long time. Searched and tried many ways to remove the border color for the BS4 hamburger icon when clicked on it (in my local, it

With the use of css 3d transforms and perspective, I can't interract anymore with clickable elements in Firefox, but it works in chrome/Safari

I am building a simple page with paralax, using css 3d transforms. In chrome, everything works fine. In firefox, the parallax effects works well, however, I can

How can I create a Bootstrap popover from Javascript?

I am creating a page with a series of analog clocks that can contain meetings (if there is a meeting, that period of time is highlighted blue on the clock), whe

Pseudo element overlaps child element

Fiddle! .wrapper { justify-content: center; display: flex; background: black; } .outer { text-decoration: none; display: inline-bl

I want the text to shrink as the image shrinks. e.g. maintain the same ratio in size relative to the image

I want the text to shrink as the image shrinks. e.g. maintain the same ratio in size relative to the image. I've tried making the text disappear but it simply

Visual Studio Code Intellisense for style CSS in React?

Is it possible to get autocomplete or suggestions or intellisense or something for CSS when developing in React? For example, when I write something like th

Why is my 2nd div have different size from the other? They all have the same container-fluid class

In the HTML snippet below, I'm using Bootstrap and all three child divs have the same container-fluid class but why is the 2nd div different from other? This is

Shrinking sticky sticky header causes flicker in Blink/Webkit at certain scroll positions

I have a sticky header which utilizes IntersectionObserver to gain a class when stuck, which then hides a few elements and reduces the size of the logo. Of cour

Hexagonal CSS background

This is not a question about how to make an individual elements hexagon shaped. There are a lot of those. This is a question to see if there's a way to create

How to make Angular Material mat-select select list width automatic and adapt to the widest option?

Problem I have a Angular 6.1.10 web app. I want the width of the mat-select list options to be automatic and adapt to the widest option in the options list. See

How to fix viewport in place when virtual keyboard opens in mobile Safari?

Goal On mobile Safari, when the virtual keyboard is open, the screen should render like this image: where: The navbar and the input are fixed in place The list