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
Responsive component with overflow scroll (Tailwind)
Hello everyone!
I wanted an element which takes the entire space available but it should not overflow and increase the page height. I am unable to think of a solution without giving it a specific height which defeats the purpose of it being responsive.
Somehow this code worked but I dont know how (Check images, the highlighted part is the "ChatDialogs" component in question)
...
How do I overflow/breakout a side menu item label?
Hello, slowly improving my CSS knowledge but trying to work out a "classic" case of breaking out a collapsed side menu's label on hover. I'm not sure how I can achieve this with the current styling and HTML I've put in place so far.
From what I've read, I need to make a parent element
position: relative and then make the label element position: absolute to break it out? I could be totally wrong here of course 😄 .
CSS & HTML can be viewed at the link below:...
