max()
when i put this into the inline-size: max(var(--_calc), 100%), it overflows but if i just use in the max-inline-size var(—_calc) it works fine? selector is .slider-list.
i want it to choose whichever is larger (i think...) so if there is room in the parent it will stretch out to fill the available space but otherwise just take up the room that is in the --_calc.
i use min() often and i think this may be my first time using max() so i dont know what im doing wrong.
please excuse the mess, im not done with the grid but this is driving me crazy. ...
Tailwind CSS shadow classes
So in your experience, what are the most notable differences between the classes "drop-shadow-X" and "shadow-X".
Something that I encounter is that with the drop-shadow it also creates a shadow for an inner container (You can see the shadows in the images)?...
grid item size when using fr in rows
Hey, if i'm not mistaken, when there's no specific height on a grid container and there are rows set using fr, each row is set to the height of the tallest child no matter the height of the content of the individual children. When i tell a child to span two rows, it distributes it's size between the two rows rather than doubling in size as it theoretically should. In the first image, before making it span two rows, at first glance it looks like the height of the card should be the size of the red outline however in the second image, after making it span two rows, it distributes itself between the two instead. Why is this it's behavior? I'd like to understand how all this stuff works in depth a little more, thanks in advance.
https://codepen.io/deerCabin/pen/QWXbgpm...
Navbar Flexbox Issue
Hi everyone,
I'm doing this exercise in this video https://www.youtube.com/watch?v=DB34becnGSA&list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH&index=10
I tried to push myself not only follow along the video and copy the example code but try to implement by myself first. After my first try, I watched the video and studied the sample code to see what's the difference with mine and improve it. So my code structure is slightly different with the example. ...
SOLVED: select element not respecting grid cell- heights gonna height
Edit: Heights will cause overflow have you heard?? 🤦🏻‍♀️ it can’t be a block size of 100% when it has a sibling taking half
##New Problem:
i have html {color-scheme: dark } and if iset the select background-color to transparent, the dropdown is white and i cant see the options. is there a way to make the trigger button/box transparent but see the dropdown options?
...
any one experts is responsiveness here and willing to help?
hi guys i have created a website that has a grid layout when i try its responsiveness to shrink the screen it works until it get to 954 width and it stop there the responsiveness, what is the problem with this?
<div> spanning 2 sections with different backgrounds and container set in each.
I have one
.container class in my CSS with max-width: 1400px property. Now I have a layout in which there are two different sections with 2 columns and the first column of first section is spanning 2 rows (refer the image).
In the image the dashed line (---) is the .container with max-width. Now the issue with this layout is that I want background (gradient and image both) in the first section and white background in the second section. The red box in the design (i.e. the column that spans 2 rows) should adjust it's height if the content of the second section gets longer.
I can easily achieve this layout using CSS Grid but how do I set the background of the first section?...