Adding an dataset attribute to rendered div of mat-tab from Angular Material
I want to add a dataset attribute on tab indicator div rendered by mat-tab component for label.
Here is the link for stackbliz, https://stackblitz.com/edit/d7db8c-2kpdac?file=src%2Fexample%2Ftab-group-align-example.html...
Seeking Assistance: Centering Issue with Flexbox Header
Hi, I hope you all are doing well.
I am writing code for a little design. However, I am facing an issue. As you can see in my header, I have three items:
1- Logo...
Jumping for character
Hello, I am having an issue with making a jumping animation for my character. Here is the code:
```js
export function handleKeyDown(event) {
const Ita = document.getElementById("Ita");...
Can some review my attempt at this coding challenge?
I deployed it on GitHub pages
This is the URL. https://davesamuels1998.github.io/Newsletter-sign-up-form-challenge/
I think I was told that I used a lot of width and height values in many places and that could be bad. Any suggestions towards that. I can't think of anything....
overflowing text in grid area
currently trying to troubleshoot this one: I have a grid of columns, where each item is a grid of implicit areas, and in those areas some text overflowing.
The structure is pretty much this:
.grid-of-columns>.grid-of-areas>.grid-item>.text
...
Background color changes dimensions ???
Can anyone explain me why thus happens ?
Is there something in the tailwind I do not understand :/
When I hover over number 2-6 I change border color to yellow and then the size looks same with number 1 which is active with yellow background.
I set container
grid grid-cols-[repeat(3,min(50px))] grid-rows-[repeat(2,min(50px))] place-self-center gap-4...
confusing info
What does min-width :0; in this exemple really does, looks weird cause it's like including overflow-x :hidden; but instead bro really includes min-width which make no sense thou 🤔
How can I create a submission page?
Hey there I wanted to recreate this "Contact Me" I found but the issue is I don't really understand how it works or what is required in order
to achieve this...
Making a paragraph fit it's content
I have a
<p> element, which I'd like to add a max width to, and also have text-wrap set to balance. However, applying these properties creates extra space on the right side of the element, which I'd like to get rid of. As you can see in the pen below, I've tried adding width: fit-content, but it doesn't change anything. What should I do to fix this?
Here's a pen:
https://codepen.io/samalander0/pen/ZEPLjzm...
How to align the header and footer for a page
1. I have page with two sections divided in b.w ,
if I want the header on the left to have the background-color of black (same as section 1 bg) and header on the right to have the background-color of grey (same as section 2)
Need to achieve something like this - 2nd image...
Centering absolute element above relative parent element
Hi! So I've been scratching my head a bit, I'm making a tooltip that is position absolute that I want centered and above when hovering the icons, and the content of the tooltip is of varying length so I cannot set a static number to hack it.
This is the code for the tooltip :
`.tooltip {
position: absolute;...
Why align-items: stretch, is not working in this case
I want all the cards to have the same height, because they have different titles sometimes might be that a card has 2 rows title hence more height, but I want the other to stretch to it, but it is not working
Here is a simple sandbox
https://codesandbox.io/p/sandbox/card-ys3pl3?file=%2Fstyles.css%3A75%2C1...
LIST ELEMENTS, EDITING BULLETS
Hello, I'm quite new and I wonder how can make layout from picture below into the one below it. Main question is how to align text height with bullet svg and add spacing between bullet and text
