807,170 questions
0
votes
1
answer
44
views
div takes 100% width tailwind css react app
Hi I'm trying to have an easy app takes 100% of my screen width so that it is can be centered horizontally. But right now my app keeps only using like 1/5 of my screen width starting on the left.
My ...
- 47
1
vote
2
answers
41
views
How to override mat-icon-button's border-radius?
does anyone know how to correct override mat-icon-button in Angular Material M3?
For default button (like mat-button, mat-flat-button, mat-raised-button, mat-stroked-button) I used the following way, ...
- 53
0
votes
0
answers
26
views
Host App CSS leaks into local tailwind classes any way to use REM for micro-frontend apps?
Tailwind version - 3.4.16
I have a sample code:
<p class="mb-10">Hello World</p>
Now the problem is that it uses rem units. And rem takes document font-size as reference even ...
- 4,951
1
vote
2
answers
35
views
Angular material - browser autofill changes input styles
Currently I'm facing the issue that occurs after web browser auto fills the user input like in this screen:
I tried it on two browsers and it looks simaliar (chrome adds white background and firefox ...
- 492
-2
votes
0
answers
53
views
How to create an outline for an image? [closed]
I'm currently using CSS,HTML, and React. I'm trying to make my UI interactable by allowing users to hover over an image, and the outline of the object will be highlighted. I searched multiple threads ...
- 1
0
votes
0
answers
11
views
modify existing css code to place one bootstrap icon to the left and one bootstrap icon to the right side of text 'EastPDF™ Password Manager' in html
I am looking to modify my css (code provided below) to change the placement of two bootstrap icons provided in the html code below whereby one icon is placed to the left-side of the text 'EasyPDF™ ...
-2
votes
0
answers
29
views
Change height of only the carriage return in a textarea [closed]
I have several textareas in my form that people love to type double (i.e., 2 repeated) carriage returns to show a visually show a separation bw 2 paragraphs/responses. Is there a css selector that ...
- 27
0
votes
1
answer
33
views
Why CSS marquee is blinking in safari with bigger images?
I have a superbasic marquee, and for some reason it's blinking in Safari when images are beyond certain size, around > 20vw. Is there a way to fix that?
Tried everything like preserved-3d, rotate(0....
- 715
0
votes
1
answer
32
views
How to place two input elements on the same line with a Mailchimp form
I have a Mailchimp generated sign-up form that I've modified a bit
I'd really love to have both the first name and email address on the same line, but I'm not familiar enough with HTML and CSS to make ...
-2
votes
1
answer
36
views
How to make a slidebar push another slidebar?
The main page of my web site has a toolbar with a hamburger menu. When clicked, a sidebar slides open from the left. That menu contains the main sections of the web site. Within each section is a ...
- 37
0
votes
0
answers
35
views
Safari/WebKit text repaint issue when popover is shown in Angular app
The following bug/issue is only on webkit/safari , the issue does not occur in chrome/firefox. I'm using angular as my frontend. The issue is i have list of details when i click the 3 dots in one of ...
0
votes
0
answers
47
views
How do I add something like <input type = "color"> for my quill toolbar's option to change the font color and add css to it?
`So, I came across this problem, where I was required to implement a full range of color options for quill toolbar. Context: It is from ngx-quill, and using in Angular.
Followed this post: [https://...
-1
votes
1
answer
24
views
Aos animation and transition [closed]
While building a webpage with Tailwind CSS, I noticed that applying AOS (Animate On Scroll) animation attributes to a interferes with Tailwind's smooth transition classes. Specifically, the hover and ...
1
vote
2
answers
94
views
How can a child element override its parent's background?
There are white letters on a black background. There may be rectangular spaces between words that display video. How can I achieve this behavior? I tried using mix-blende-mode, but the rect element ...
- 123
0
votes
0
answers
22
views
How to make CSS Grid items stack tightly without gaps caused by varying heights? [duplicate]
How to make CSS Grid items stack tightly without gaps caused by varying heights?
I have a parent grid container with 4 columns and 5 child divs:
The first div has a list with fewer items (shorter ...
- 3