How to make the height take remaining space ?
Hi everyone!
I'm working on a droppable area inside a MUI Stack component that follows flexbox rules. The structure includes filter icons and the droppable area, both placed inside the Stack.
I want the droppable area to take up the remaining available height in the container....
why does my content keeps getting smaller instead of adaptable to the device's width
here's my website on 2458px maybe
the second image is on 1026px i set the break point to 1024px
...
3 column layout with specific item on hover styling
Hello everyone!
I am trying to achieve the following:
- 3 column layout, where on tablet it is 2 columns and on mobile 1...
Mobile Layout not taking full space
I am currently working on a dashboard project that have layout issue am facing while mobile view. I have provided both desktop view and mobile view. On mobile view the main content element should take the space what left by the collapsed sidenavbar.
Also the sidenavbar has contents that still not showing , on scrolling that sidenavbar is closing....
Need help with hovered item
When I hover to the three dots the background is showing on three dots I want the background to still be active if I am on edit go live button too. This is the link of the code
https://codepen.io/tobygxgr-the-sans/pen/OPLrRdy...
is it fine to explicitly set height: 120px for an image?
Kevin said don't use heights and don't use pixel units.
I want to create a grid of cards where the image is the same height and width for every card. Each card has an image and some text right below it. Unfortunetly all the images are either too tall or too short. I did manage to get a hold of the width by using
grid-template-column: repeat(auto-fit,minmax(300px,1fr)) but I'm not sure how to set the height. I was thinking of setting grid-auto-row: 500px or something but I remembered that setting height and px are bad.
Edit:...